لقد اخترنا تقليل الحد الأدنى للحجم الخاص بفتح الصور بشكل كامل؛ بدا أن جزءًا كبيرًا من المستخدمين الذين استخدموا هذه الميزة كانوا يستخدمون صورًا أصغر قليلاً أو بحجم 400 × 300 بالضبط. وقد سار ذلك بشكل جيد.
إعجاب واحد (1)
@Heather_Dudley كيف حققت ذلك؟
لم أتمكن من العثور على خيار نافذة منبثقة (lightbox) لتغيير الحجم في إعدادات المسؤول.
إنها الحد الأقصى لحجم الصورة و الحد الأقصى لارتفاع الصورة - إذا بحثت عن الحد الأقصى للصورة، فستجدهما معًا. أي شيء يتجاوز هذا الحد سيتم عرضه في نافذة منبثقة.
مرحبًا يا رفاق
هل لا يزال لدى أي شخص آخر مشاكل في ظهور الصور خارج “الصندوق” الخاص بالمنشور؟
شاهدوا المثال هنا، حيث تم إزاحة بعض الصور إلى الجانب الأيمن وغير مرئية
مرحبًا، أنا جديد في Discourse وأستكشف ما هو متاح من معرض الصور. أستخدم حاليًا PhotoPost Gallery في منتدى vBulletin. هل هناك أدوات استيراد متاحة لنقل PhotoPost إلى Tiles؟ حاولت البحث عن هذا ولكنني لم أجد سوى ما يلي، وإذا لم أكن مخطئًا، فإن الحكم السابق عندما نوقش في المنشورات كان بالاستيراد كمنشورات. هل لا يزال هذا هو الطريقة الصحيحة للقيام بذلك؟
شكرًا لك على المكون.
يعمل بشكل جيد، لكنني لا أحصل على “المعاينة الثابتة” كما هو موضح في مثالك.
يتم تمييز الصور باستخدام الخط الموجود على اليسار، لكنها لا يتم تغيير حجمها.
إعجابَين (2)
بعد قراءة جميع المنشورات أعلاه، وجدت أن العديد من المستخدمين يعانون من نفس مشكلتي.
كلا “Titles Image Gallery” و “Slick Image Gallery” يدمران تنسيق المنشور عندما يستخدم المستخدمون صورًا أصغر من إعداد الموقع “الحد الأقصى لعرض وارتفاع الصورة” في المعرض. أنا أفهم أن discourse لا يولد “lightbox” للصور الصغيرة. لذا لا توجد شكاوى إذا لم يتمكن المستخدمون من النقر على تلك الصور الصغيرة أو تكبيرها.
ومع ذلك، من المستحيل إجبار جميع أعضاء المنتدى على رفع صور أكبر من قيمة إعداد الموقع “الحد الأقصى لعرض وارتفاع الصورة”. معظم أعضاء المنتدى لا يفهمون حتى ما هو البكسل ولا يعرفون كيفية التحقق من حجم الصورة. هم ببساطة يرفعون أي صورة يملكونها، بنفس الطريقة التي يرفعون بها الصور إلى وسائل التواصل الاجتماعي الأخرى.
إليك مثال: إذا كان إعداد الحد الأقصى للصورة في الموقع مضبوطًا على 690 بكسل لكل من العرض والارتفاع. عندما يرفع المستخدمون أربع صور بحجم 680x680 بكسل إلى المعرض، سيظهر المنشور مساحة فارغة كبيرة (680 × 2720 بكسل).
أفهم أن جعل المعرض يعمل مع جميع أحجام الصور قد يستغرق وقتًا للتطوير. لكن في الوقت الحالي، أعتقد أنه من الأفضل للمعرض إخفاء الصور ذات الأحجام غير المسموح بها، حتى لا يتعطل تنسيق المنشور على الأقل. لأن التنسيق المكسور يعطي انطباعًا سيئًا للمستخدمين. هذا مجرد رأي شخصي. 
3 إعجابات
عند العرض على الهاتف الذكي، تكون الصورة الثالثة مفقودة.
هناك 4 صور في المجموع، ويمكنني رؤية جميعها على الكمبيوتر.
ومع ذلك، عند العرض على الهاتف الذكي، تكون الصورة الثالثة مفقودة.
من خلال أداة فحص المتصفح، يمكنني رؤية أن الصورة الثالثة موضوعة تحت
“tiles-col–3”، وهو ما لا ينبغي أن يحدث على الشاشات الصغيرة.
لأن CSS تخفي (display:none) عنصر “tiles-col–3” على الشاشات الصغيرة، مما يتسبب في اختفاء الصورة الموجودة في العمود الثالث.
أريد فقط أن أقول شكراً لهذا TC. إنه يكمل مشروعاً أعمل عليه بشكل ممتاز. عمل رائع. 
لماذا لا يمكن عرض الصور إذا كانت أصغر من الحد الأقصى؟
أواجه نفس المشكلات التي يصفها @lhkjacky.
شكرًا لك يا @Heddson على إنشاء موضوع جديد (TC) لحل مشكلة معرض صور Tiles. 
معرض صور Masonry:
لقد استبدلت “معرض صور Tiles” بـ “معرض صور Masonry”.
الآن، لن يؤدي إضافة صور صغيرة في المعرض إلى تعطيل تنسيق المنشور. 
إعجابَين (2)
لقد كنا نستخدم كل من Tile و Slick لبضع سنوات حتى الآن ومجتمعنا يحبهما كليهما! 
لقد قمنا مؤخرًا بتحديث منتدانا إلى Discourse 3.0 وبدأ كلاهما في التصرف بشكل غريب بعض الشيء. لا أعتقد أن الأمر يتعلق بإعداداتنا الخاصة حيث نستخدم السمة الافتراضية مع تخصيصات CSS أساسية وبدأ الأمر يحدث فقط بعد التحديث.
المشكلة مع Slick هي أن بعض الصور الإضافية تظهر خارج عرض الشرائح، وفي الأسفل توجد عدة صفوف من النقاط القابلة للنقر. يجب أن يوضح هذا الأمر بشكل أفضل:
أما بالنسبة لـ grid، فإن الغرابة هي أن شريحة صغيرة من صورة إضافية تظهر على يمين الشبكة:
على الهاتف المحمول، تكون الصورة المقطوعة أوسع، ولكنها لا تزال مقطوعة:
يسعدني إرسال رسالة خاصة مع روابط إلى منتدى مباشر حيث يحدث هذا.
هل يواجه أي شخص آخر هذا؟
أستخدم Discourse 3.0.1 beta2.
المعاينة لا تعرض معاينة ثابتة:
ومع ذلك، يعرض المنشور الصور الثماني بشكل صحيح:
كم عدد الصور لديك في معرض الصور الخاص بك؟ هل لديك صور بنسبة عرض إلى ارتفاع غير طبيعية؟
المشكلة هي بالفعل عدد الصور: عندما تحتوي المعرض على صور أكثر من المساحة المتاحة لعرض نقاط الصور، يبدو أنه يتعطل بطريقة غريبة منذ Discourse 3.0.
هذا هو الحد الذي يعمل فيه كل شيء بشكل جيد وتظهر النقاط أسفل الصورة:
هذا هو نفس المعرض مع صورة واحدة إضافية:
جميع النقاط انتقلت للأعلى وتظهر فوق الصورة: من الصعب رؤيتها قليلاً مع الخلفية السوداء، ولكن يمكنك رؤية واحدة على الأقل على اليسار (تصبح أكثر وضوحًا عند التحويم)، مع ظهور نقطة إضافية في الأسفل.
في السابق، عند وجود الكثير من الصور، كانت النقاط تتكدس في صفوف أسفل المعرض.
من المحتمل أن يكون هذا مرتبطًا، بعض المعارض (الكبيرة أيضًا) - ولكن ليس كلها - قد تعطلت قليلاً بعد التحديث إلى Discourse 3.0:
من غير الواضح ما إذا كان هذا بسبب عدم محاذاة النقاط. بالنظر إلى HTML، بين ul.slick-list و button.slick-next.slick-arrow توجد عشرات من <br> مع الصورتين المفقودتين بينهما.
إعجاب واحد (1)
تم إيقاف مكون السمة هذا، يجب عليك استخدام الميزة المضمنة الجديدة المقدمة هنا:
4 إعجابات
هل هناك تاريخ انتهاء صلاحية لهذا المكون السمة؟ نحن نحاول تحديد أولويات التحول إلى الميزة الجديدة.
هل تعتقد أن هذه المكونة قد تكون معطلة بالفعل؟ هل ما زالت تعمل بشكل جيد على موقعك؟
[إشعار المسؤول] تحتاج إحدى السمات أو الإضافات الخاصة بك إلى تحديث للتوافق مع تغييرات نواة Discourse القادمة. (المعرف: discourse.fontawesome-6-upgrade) السمة المحددة: ‘Tiles - Gallery Component’.
إعجاب واحد (1)
إنه مكون مهمل، على الرغم من ذلك.
إعجابَين (2)