معرض صور سليك

مرحباً، هذه المكونات لا تعمل للصفحة المنشورة. أفهم أنك بحاجة إلى إضافة الكود المناسب إلى CSS الخاص بالمكون، لكنني لست مبرمجًا. أخبرني ما هو الكود الذي يجب وصفه حتى تظهر المعرض في الصفحة المنشورة.

لا، المعرض غير معروض في الصفحة المنشورة

مرحباً. لا تعمل مكون معرض الصور الأنيق للصفحة المنشورة. هل يمكن تكوين هذا بطريقة ما؟
عذراً على تكرار نفسي. هذا السؤال مهم بالنسبة لي. :folded_hands: :folded_hands: :folded_hands:

ليس هذا مفاجئًا. الصفحات المنشورة لديها طريقة مختلفة تمامًا للعرض. أو هكذا أعتقد من رؤية بعض المناقشات هنا، على الرغم من أنني لم أنظر إلى الكود بما يكفي لفهم، ناهيك عن شرح، ما هو مطلوب بالضبط.

بطريقة ما؟ ربما. بسهولة، لا. تخميني هو أنك ستحتاج إلى نسخ مكون سمة المعرض لجعله يعمل، ولكن قد يكون أن الصفحة المنشورة تفتقد أشياء ستتطلب إضافة أو بعض استدعاءات ajax لجعلها تعمل.

آسف على إجابة غير مفيدة، لكنك أردت إجابة.

إعجابَين (2)

لدي اقتراح واحد حول إمكانية دعم تضمين مقاطع الفيديو أو تضمين مقاطع الفيديو من يوتيوب. بالإضافة إلى عرض صورة الصورة المصغرة أدناه (ويمكن للمستخدمين تشغيل هذه الميزة وإيقاف تشغيلها)

أحاول استخدام هذه المكونة مع سمة Material Design. أقوم بتحميل الصور ويبدو المنشور كالتالي:

![E80C8313-CC87-49DA-8C98-C29B561777C9_1_105_c|690x496](upload://i1A81mLYHp7rNIoMtbc6QlwDq3d.jpeg)
![D1DF48E1-8518-491E-A89D-C2197FCCF5A4_1_105_c|666x500](upload://l7XF3m1b0fV4dqjU3IrXM0sz69o.jpeg)
![D22C6994-AC07-418D-AFCC-E676355F24AF_1_105_c|666x500](upload://4B5mQjnF8wos9P8hZPFTH3DLjpF.jpeg)

عندما أختار كل الصور (النص) وأضغط على زر Slick، يتم إنشاء أقسام div لكل صورة.


<div data-theme-slick="1">

![E80C8313-CC87-49DA-8C98-C29B561777C9_1_105_c|690x496](upload://i1A81mLYHp7rNIoMtbc6QlwDq3d.jpeg)

</div>

<div data-theme-slick="1">

![D1DF48E1-8518-491E-A89D-C2197FCCF5A4_1_105_c|666x500](upload://l7XF3m1b0fV4dqjU3IrXM0sz69o.jpeg)

</div>

<div data-theme-slick="1">

![D22C6994-AC07-418D-AFCC-E676355F24AF_1_105_c|666x500](upload://4B5mQjnF8wos9P8hZPFTH3DLjpF.jpeg)

</div>

إذا قمت بتحرير المنشور بحيث تكون الصور كلها داخل نفس div، فإنه يعمل كما ينبغي. أنا أستخدم أحدث إصدار من Discourse والسمة. هل لديك أي فكرة عما يسبب هذا السلوك؟

بعد ترقية Ember v5.5.0، يتسبب هذا المكون في حدوث خطأ:

:warning: قد لا يتم عرض المشاركات بشكل صحيح لأن أحد مزينات محتوى المشاركات على موقعك قد أثار خطأ.
ناتج عن ‘Slick - Gallery Component’. [انقر هنا] للتحديث أو إعادة التكوين أو التعطيل.
(تظهر هذه الرسالة فقط لمسؤولي الموقع)

حاولت إعادة التثبيت، وقمت أيضًا بفحص محرر الإعدادات بحثًا عن أخطاء، ولم يحل أي شيء المشكلة.

3 إعجابات

يمكنني إعادة إنتاج المشكلة، أرى الخطأ Uncaught ReferenceError: jQuery is not defined — سأضع علامة على هذا على أنه معطل حتى يتوفر شخص لإصلاحه.

6 إعجابات

قد يرغب الأشخاص في النظر في ميزة core’s Introducing image grids in posts كبديل.

5 إعجابات

نحن نستخدمه أحيانًا أيضًا، إنه لطيف. لكن لدينا بالفعل العديد من المشاركات بأسلوب المعرض التي لا يتم عرضها على الإطلاق. وبصرف النظر عن الجهد المبذول لإلحاقها يدويًا، لن أتمكن حتى من تتبعها جميعًا :وجه_يذوب:

4 إعجابات

مع كل الاحترام الواجب، هذا ليس ما قيل لنا. مما قرأته هنا على مدار الأسابيع القليلة الماضية، كان الوعد هو:

أتفهم أن الأمور تستغرق وقتًا. يمكنني الانتظار. ومع ذلك، لن أقوم بالترقية اليوم حتى لو كانت هناك سمات/إضافات رسمية، على عكس توجيهات فريق Discourse الأولية، والتي قيل لي الآن أن أتوقف عن استخدامها. في هذه الأثناء، هل هناك طريقة للعودة إلى الإصدار السابق من Ember؟

إعجاب واحد (1)

للعلم فقط، فإن مكون السمة هذا ليس مكون سمة #رسمي.
يمكنك رؤية جميع المكونات #الرسمية هنا: https://meta.discourse.org/tags/c/theme-component/120/none/official

إعجابَين (2)

ربما قبل سنوات قبل أن أقوم بتثبيته:

https://github.com/hnb-ku/Discourse-Slick-image-gallery

تمت إضافته لاحقًا إلى مستودع Discourse الرسمي، في الواقع.

https://github.com/discourse/Discourse-Slick-image-gallery

شخصيًا، سأحتفظ بالمكونات غير الرسمية خارج المستودع الرسمي الخاص بك. مجرد فكرة.

إعجاب واحد (1)

بشكل عام، ستكون العلامة official لها الأسبقية حيث قد يكون لدينا بعض العلامات الموجودة في مستودع Discourse التي لا نريد اعتبارها “رسمية”.
ومع ذلك، يمكنني التحقق مما إذا كان هناك أي إغفال في هذه الحالة.

5 إعجابات

لدي شعور بأن مكون السمة هذا سيظل معطلاً تحت Ember 5.0. لديّ هذا المكون مثبتًا وأتلقى لافتة تحذير المسؤول، لكنه لا يُستخدم بشكل مكثف. لا أرى أي شيء على Meta من @Johani منذ أكثر من عامين وملفه الشخصي مخفي. إذا كنت موجودًا يا جو، فأخبرنا إذا كانت لديك خطط لصيانة هذا المكون.

إعجاب واحد (1)

يبدو أن هناك بعض الحيل في jQuery تحدث. الإصدارات الأحدث من Ember لا تأتي مع jQuery افتراضيًا. سأحتاج إلى إلقاء نظرة أفضل ولكن Slick (المكتبة الأساسية) تعتمد على jQuery. ربما يجب أن ننتقل إلى تطبيق JavaScript عادي على أي حال.

سأحاول إدخال إصلاح يحافظ على نفس الوظائف / الواجهة في وقت ما هذا الأسبوع.

13 إعجابًا

أتفق على أنه سيكون من الرائع الانتقال إلى تطبيق JavaScript عادي! :100: (على الرغم من أنه ربما… يجب أن يكون هذا هو تطبيق معرض Masonry الجديد الأساسي؟ وهذا المكون الخاص بالموضوع سيكون مجرد غلاف للنحو للحفاظ على عمل المواقع القديمة؟)

في غضون ذلك، هذا التعديل الصغير سيجعل الأمور تعمل مع بناء Ember 5 الخاص بـ Discourse: FIX: Support Discourse's Ember 5 build by davidtaylorhq · Pull Request #17 · discourse/Discourse-Slick-image-gallery · GitHub

7 إعجابات

كيف يمكنني تغيير لون الخلفية؟

إعجاب واحد (1)

ذات صلة، نوعًا ما، بهذا المنشور. هل سيكون من التعديلات الجيدة على مكون السمة إزالة/تنظيف أي CR/LF حتى لا ينشئ معرضًا لكل صورة؟ أعرف أنه إذا استخدمت زر التحميل فلن يحدث ذلك، ولكن في كثير من الأحيان أقوم بسحب وإفلات الصور في المنشور. لكي تكون جميعها في معرض واحد، يجب علي إزالة CRLFs بعد كل صورة:

تحياتي،

إعجابَين (2)

متعطل حاليًا…

هل هذا أيضًا مهمل مثل Tiles Image Gallery - theme-component - Discourse Meta؟

إعجابَين (2)