Slick Image Gallery

Theme component
63

OK, well, my response went unnoticed, and @Hifihedgehog’s also went unnoticed.

Uninstalling and recommending that nobody else use this component.

2 Likes
64

The component works fine on a production test server with the latest Discourse. :thinking:

Can you check your browser’s console to see what error happens? (Click right → inspect → Console tab)

It is not necessarily deprecated, but the component relies on jQuery, and the modernization in the core tends to remove the jQuery dependency.

I would encourage you the image grid available in the core:

Sorry about that! You’re right; that would be a welcome change. :+1:
Did you try the image grids feature I linked right above? It might provide a good replacement.

2 Likes
65

Yep, using the grid instead. I had really poor luck with the Slick gallery anyways. Any more than like 5 photos would not work.
It’s uninstalled now, so I won’t be testing anything.

2 Likes
66

I have been diving into converting to grid for my pre-Ember 5 galleries, and I am quickly discovering that that is not a workable solution–full stop. Grid, per the documentation (“the items in the grid are arranged to ensure the column heights are as close to each other as possible, therefore, the order of the images isn’t always maintained”), does not maintain image ordering which is a huge showstopper especially for lengthy slide decks that I sometimes upload in image format. Is there an alternative or are we supposed to just not use an ordered gallery now and just paste images as a single plain jane, wall-of-images, unformatted column? I’m definitely not a happy camper with how haphazardly this Ember 5 rollout was handled, not one bit.

1 Like
67

I understand it may not suit everyone’s needs.
You’re correct that the images may not be visually in the same order as the links in the composer; however, if the lightbox is opened, it will be.

I remember trying to modify the component to use another lib (not relying on jquery). I might PR another day. :+1:

1 Like
68

Getting the same and seems to not work at all.

Console error 
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)

Pity as it there’s currently no other image slideshow/carrousel for Discourse which can be quite handy sometimes.

Can someone add the broken tag to the topic?

2 Likes