الأولوية/الخطورة: منخفضة. المنصة: تم التأكيد في Firefox 127.0 على نظام Windows 10 و Chrome 125.0.6422.165 على نظام Android 14. الوصف: انظر أدناه. خطوات التكرار: قم بتحميل صورة بدقة 690×500 بكسل أو أقل وقم بتغيير حجمها يدويًا (على سبيل المثال، ) أو ضعها في [grid] (على سبيل المثال، [grid]  [/grid]).
السلوك المتوقع
الطريقة التي تعمل بها ميزة عرض الصور المكبرة (lightboxing) في Discourse مصممة للعمل هي، إذا تم تصغير الصورة لتناسب المنشور، يتم عرضها مكبرة بحيث يمكن النقر عليها لرؤية الدقة الكاملة.
المشكلة
هناك خطأ في كيفية تنفيذ ذلك حاليًا: فهو يقارن فقط الدقة الأصلية للصورة بـ “الحد الأقصى لعرض الصورة” و “إعدادات الحد الأقصى لارتفاع الصورة” للموقع (افتراضيًا 690×500 بكسل)، متجاهلاً تغيير الحجم اليدوي و شبكات الصور. هذا يؤدي إلى أن الصور التي تم تصغيرها قد لا يتم عرضها مكبرة، إذا كانت أقل من [الحد الأقصى لعرض الصورة]×[الحد الأقصى لارتفاع الصورة].
هذا مثال على فشل عرض الصور المكبرة عند تصغير الصور يدويًا – مرر مؤشر الماوس فوق الصور التالية، وسترى أنها تُعرض بشكل غير متناسق؛ انقر على صورة معروضة مكبرة وسترى أن بعضها لا يظهر عند الضغط على اليسار أو اليمين:[2]
المشكلة في شبكات الصور هي أن الشبكات تقوم دائمًا بتغيير حجم الصور – وغالبًا ما تقوم بقصها – مما يجعلها مشكلة عندما لا يمكن النقر عليها لرؤية الصورة الكاملة.
كانت لدي فكرة: هل هناك سبب لعدم عرض جميع الصور في نافذة منبثقة؟ على الأقل الصور التي يمكن أن تتناسب بشكل مريح مع شريط المعلومات والأيقونة الصغيرة “لتوسيع” على الهاتف المحمول دون تغطية الكثير من الصورة. للنافذة المنبثقة قيمة بطريقتين بخلاف مجرد السماح لك برؤية الصورة عالية الدقة:
تعرض النص البديل (وهو أمر مهم، شيء من المرجح أن يقدمه المستخدم أكثر من نص العنوان بسبب ملء النص البديل مسبقًا وغموض بناء الجملة لنص العنوان)، و
لا يتم حذف الصورة عند التنقل بين الصور بعد النقر على نافذة منبثقة.
هل هناك سبب لعدم عرض الصور التي يمكن رؤيتها بالكامل في نافذة منبثقة؟
قد يكون أحد الخيارات هو ببساطة (بالإضافة إلى عرض جميع الصور في الشبكات في نافذة منبثقة) عرض كل صورة فوق حجم معين على الصفحة في نافذة منبثقة - على سبيل المثال، فوق 72 × 72 بكسل أو نحو ذلك (أفكر بالأسطر هنا - أي شيء أكبر من ~ 3 أسطر). ما رأيك؟
من الناحية المثالية، أود أن تكون إعدادات تغيير الحجم مشابهة لهذه الإعدادات الافتراضية 690x500 بكسل، ولكن إعدادات إضاءة الصندوق أقرب إلى 72x72 بكسل (مثل أي شيء أكبر من حجم الرموز التعبيرية الكبيرة أو “الملصقات”).
يبدو أن الهدف الأساسي لإضاءة الصندوق هو عرض نسخة غير قابلة للقياس من الصورة، لكنني بالتأكيد أستخدمها بشكل أكبر كمعرض بأسلوب الكاروسيل. لهذا السبب يكون الأمر مزعجًا بعض الشيء عندما يتم التعامل مع شيء ارتفاعه 502 بكسل بشكل مختلف عن شيء ارتفاعه 499 بكسل، خاصة عندما يكونان في نفس الشبكة.
أعتقد أن هذا تلخيص مثالي لما كنت أفكر فيه - هذه هي حالة الاستخدام الوحيدة التي لا ترغب فيها في استخدام اللايت بوكس، أليس كذلك: عندما تكون الصورة “جزءًا من النص” أو “جزءًا من تنسيق المنشور”.
أعتقد أن هذا حل أفضل بشكل عام - لفصل “صور اللايت بوكس الأكبر من الحجم […]” إلى إعداد خاص بها مع قيمة افتراضية أقل بكثير. سيكون من المنطقي أن تختلف عن التنفيذ الحالي في طريقتين إضافيتين:
يجب أن تحكم بناءً على الحجم على الصفحة، بدلاً من الحجم الأصلي للصورة.
يجب أن تتجاوز كلا البعدين، بدلاً من بعد واحد فقط - لا يمكنني تخيل حالة استخدام تريد فيها صورة بحجم 690 × 10 بكسل (على الصفحة) أن تكون في لايت بوكس.
كملاحظة حول حالات الاستخدام، أقوم أحيانًا بتضمين صور صغيرة بطريقة تشبه الرموز التعبيرية - ولكنها عالية الدقة، لذلك لن تكون ضبابية على شاشات DPI عالية. على سبيل المثال:
! لا ينبغي أن تكون هذه الصورة في لايت بوكس، نظرًا لأن 1) إنها تعبيرية، والأهم من ذلك 2) فإن أيقونة التكبير الصغيرة في الزاوية اليمنى السفلية ستغطي معظمها على الهاتف المحمول. في الوقت الحالي، لا يتم عرضها في لايت بوكس لأن حجم الصورة الأصلية عالية الدقة أقل من 690 × 500 بكسل (372 × 468 بكسل، على وجه الدقة)، ولكن لا ينبغي عرضها في لايت بوكس على الرغم من تصغيرها - المعيار الحقيقي للحكم هو حجمها على الصفحة.
