Johani
29 يونيو 2018، 6:15ص
1
12KB (Gzip)طلبان HTTP عند التحميل الأولIE 11+ والمتصفحات الحديثة
رابط مستودع GitHub
https://github.com/hnb-ku/Discourse-Slick-image-gallery
تم بناؤه باستخدام مكتبة Slick الخاصة بـ Ken Wheeler - رخصة MIT
“مجاني مثل لحم الخنزير”
قم بتثبيت هذا المكون تمامًا مثل أي سمة أخرى. اتبع التعليمات في الدليل الرسمي:
بمجرد الانتهاء، أضف المكون ببساطة إلى سمة حالية. تم!
يضيف هذا المكون زرًا إلى المصمم.
إذن كل ما عليك فعله هو:
1- قم بتحميل مجموعة من الصور باستخدام زر التحميل الافتراضي في Discourse ثم حدد الكود:
2- انقر على زر المعرض.
ستحصل على معاينة ثابتة للصور المحددة في لوحة المعاينة:
تم!
سيورث هذا المكون أنماط السمة الحالية.
إليك المكون يعمل على سمة مختلفة:
بالتأكيد!
هذا ممكن من خلال جعل كل من مكوني Slick و Tiles جزءًا من سمة.
مثل هذا:
يمكنك بعد ذلك جعل “سمتي” في المثال أعلاه السمة الافتراضية أو جعلها قابلة للاختيار من قبل المستخدم، وستشمل كلا من Slick و Tiles.
مرحبًا بتقارير الأخطاء / الاقتراحات / طلبات السحب (PRs).
60 إعجابًا
tshenry
29 يونيو 2018، 6:56ص
2
Yes! Been waiting for this. Keep up the awesome work
6 إعجابات
I can’t see the grey navigation dots under the gallery when using with Material Design Theme.
إعجاب واحد (1)
Johani
30 يونيو 2018، 7:26ص
4
Good catch, thanks for reporting
It’s all fixed now:
Go ahead and update the theme it won’t be an issue anymore.
7 إعجابات
vchrizz
30 يونيو 2018، 7:26ص
5
seems like slick does not work with recent 2.0.0.beta5
_ember_jquery-27e777857b8c0730dacfe09cb11711365d21a5db4f9ee0b85d494e4259cf6cda.js:29446 TypeError: Cannot set property 'slick_add_images_prompt' of undefined
at (index):104
at O (_application-4f2596d165aa73d5730c4d02b5334e59b8f55b495d4197974d87bd84efa1c94b.js:21941)
at Object.initialize (_application-4f2596d165aa73d5730c4d02b5334e59b8f55b495d4197974d87bd84efa1c94b.js:6960)
at _ember_jquery-27e777857b8c0730dacfe09cb11711365d21a5db4f9ee0b85d494e4259cf6cda.js:16963
at e.each (_ember_jquery-27e777857b8c0730dacfe09cb11711365d21a5db4f9ee0b85d494e4259cf6cda.js:15063)
at e.topsort (_ember_jquery-27e777857b8c0730dacfe09cb11711365d21a5db4f9ee0b85d494e4259cf6cda.js:15030)
at e.topsort (_ember_jquery-27e777857b8c0730dacfe09cb11711365d21a5db4f9ee0b85d494e4259cf6cda.js:14975)
at s._runInitializer (_ember_jquery-27e777857b8c0730dacfe09cb11711365d21a5db4f9ee0b85d494e4259cf6cda.js:16978)
at s.runInstanceInitializers (_ember_jquery-27e777857b8c0730dacfe09cb11711365d21a5db4f9ee0b85d494e4259cf6cda.js:16962)
at s._bootSync (_ember_jquery-27e777857b8c0730dacfe09cb11711365d21a5db4f9ee0b85d494e4259cf6cda.js:15281)
إعجاب واحد (1)
Johani
30 يونيو 2018، 7:26ص
7
There was a small update today that fixes the translation error for good!
4 إعجابات
Great theme! How can I translate strings? (I am French)
Also, I did some tests and it’s not working…
إعجاب واحد (1)
Johani
30 يونيو 2018، 7:26ص
9
I just tested and everything seems to be working ok? Are you seeing any errors in the console? What version of Discourse are you on?
Like with Tiles, I also added a couple of settings that will allow you to change the strings:
5 إعجابات
Thanks!
But I still have problem with the plugin. The theme is up to date.
Johani
30 يونيو 2018، 7:26ص
11
Can you please upload those images here so I can test?
إعجاب واحد (1)
Is it normal that the text is not displaying?
إعجاب واحد (1)
This isn’t working for me:
Discourse: v2.0.0.beta10 +49
Johani
30 يونيو 2018، 7:26ص
16
@Francois_Douville
No, it’s not normal. I think I know what the problem is, the theme might need to be translated. I will post an update on that soon.
@Vaping_Community
I just checked on v2.0.0.beta10 +49 and everything seems to be working in order.
Can you share more details about what’s happening on your install?
4 إعجابات
For some reason it wasn’t working with larger images, had to reset some settings and refresh to get it to work but it is working now, great theme addon, thanks!
إعجاب واحد (1)
Is it possible to display another icon? My community thinks they have to display slick even if they have 1 image.
إعجاب واحد (1)
tshenry
30 يونيو 2018، 7:26ص
19
If you have a font-awesome icon in mind, you can do something like so:
.SlickGallery .fa-picture-o:before {
content: "\f152"; // font awesome code
}
5 إعجابات
Later edit: my mistake.
The right mode is like this:
<div data-theme-slick="1">
</div>
Not like this:
<div data-theme-slick="1">
</div>
<div data-theme-slick="1">
</div>
<div data-theme-slick="1">
</div>
How can I make the images look like here? Without the black background.
Summary
