Galerie d'images Slick

OK, eh bien, ma réponse est passée inaperçue, et celle de @Hifihedgehog aussi.\n\nJe désinstalle et je recommande à personne d’autre d’utiliser ce composant.

2 « J'aime »

Le composant fonctionne bien sur un serveur de test de production avec la dernière version de Discourse. :thinking:

Pouvez-vous vérifier la console de votre navigateur pour voir quelle erreur se produit ? (Cliquez droit → inspecter → onglet Console)

Il n’est pas nécessairement obsolète, mais le composant repose sur jQuery, et la modernisation du cœur tend à supprimer la dépendance à jQuery.

Je vous encourage à utiliser la grille d’images disponible dans le cœur :

Désolé pour ça ! Vous avez raison ; ce serait un changement bienvenu. :+1:
Avez-vous essayé la fonctionnalité de grilles d’images que j’ai liée juste au-dessus ? Elle pourrait fournir un bon remplacement.

2 « J'aime »

Oui, j’utilise la grille à la place. J’ai eu vraiment de la malchance avec la galerie Slick de toute façon. Plus de 5 photos ne fonctionnaient pas.
Elle est désinstallée maintenant, donc je ne testerai rien.

2 « J'aime »

J’ai exploré la conversion en grille pour mes galeries pré-Ember 5, et je découvre rapidement que ce n’est pas une solution viable, point final. La grille, selon la documentation (« les éléments de la grille sont disposés de manière à ce que les hauteurs des colonnes soient aussi proches que possible les unes des autres, par conséquent, l’ordre des images n’est pas toujours maintenu »), ne maintient pas l’ordre des images, ce qui est un obstacle majeur, surtout pour les présentations diapositives longues que je télécharge parfois sous forme d’images. Existe-t-il une alternative ou sommes-nous censés ne plus utiliser de galerie ordonnée et simplement coller les images sous forme d’une seule colonne brute, un mur d’images, non formatée ? Je ne suis absolument pas satisfait de la manière désordonnée dont ce déploiement d’Ember 5 a été géré, pas du tout.

1 « J'aime »

Je comprends que cela ne convienne pas à tout le monde.
Vous avez raison, les images ne seront peut-être pas visuellement dans le même ordre que les liens dans le compositeur ; cependant, si la lightbox est ouverte, elles le seront.

Je me souviens avoir essayé de modifier le composant pour utiliser une autre bibliothèque (ne dépendant pas de jquery). Je ferai peut-être une PR un autre jour. :+1:

1 « J'aime »

J’ai la même chose et cela ne semble pas fonctionner du tout.

Erreur de console
client-error-handler.js:125 [THEME 31 'Slick - Gallery Component'] TypeError: i.children(...).not(...).slick is not a function
    at i.decorateCooked.id (theme-field-86-common-html-script-2.js:36:94)
    at a.<anonymous> (plugin-api.js:365:37)
    at a.<anonymous> (plugin-api.js:174:19)
    at m (index.js:200:1)
    at a.trigger (evented.js:27:1)
    at e.didInsertElement (discourse-banner.js:52:20)
    at e.r [as didInsertElement] (index.js:361:1)
    at e._trigger (core_view.js:55:1)
    at e.r (index.js:361:1)
    at e._trigger (ember-events.js:147:28)
    at e.r (index.js:361:1)
    at ze.didCreate (index.js:2102:1)
    at jt.commit (runtime.js:3965:1)
    at Mt.commit (runtime.js:4062:1)
    at Nt (runtime.js:4082:1)
    at gr._renderRoots (index.js:4916:1)
    at gr._renderRootsTransaction (index.js:4960:1)
    at gr._renderRoot (index.js:4905:1)
    at gr._appendDefinition (index.js:4830:1)
    at gr.appendOutletView (index.js:4820:1)
    at invoke (backburner.js.js:282:1)
    at h.flush (backburner.js.js:197:1)
    at p.flush (backburner.js.js:358:1)
    at B._end (backburner.js.js:798:1)
    at B._boundAutorunEnd (backburner.js.js:523:1)

Dommage car il n’y a actuellement pas d’autre diaporama/carrousel d’images pour Discourse qui pourrait être très utile parfois.

Quelqu’un peut-il ajouter le tag broken au sujet ?

2 « J'aime »