Slick.js reload the slider on image asset change

Question

Hello everyone, I am integrating slick slider, the issue is with reloading the slider after image is uploaded. After onclick of open assets the Slick slider must be reinitialized so that regular html of the slider would become slick slider, that happens on adding the component to the canvas only: $('#slickslider').slick({ dots: true, infinite: true, speed: 300, arrows:true, adaptiveHeight: true }); That works in two cases: When i add new slider to canvas When i upload new image and then drag an...

pouyamiralayi · Accepted Answer

Hi @abzal0 the correct function is actually `updateScript my bad! here is how i did it: first defining the component type: Every time the script runs, i reset the slickjs for the sake of re initialization which you can see in the script. I have also used image type directly as my component's children so i don't have to manually call the open-assets command on a custom trait! For the last thing, I have overwritten the asset manager onClick` event to call our script. Cheers!

abzal0 · Answer

@pouyamiralayi this is incredibly valuable code, thanks a lot for sharing it :) it works better than I needed. Will be sending you an email, hopefully you will reply.

pouyamiralayi · Answer

@abzal0 how to reinitialize 'script' function inside editor.blockmanager.add to reload the jquery code of slider? for your `script` code, i suggest you move it to the component definition and in there, you can issue: for script reloads. Cheers!

Slick.js reload the slider on image asset change

Question

Answers (3)

Related Questions and Answers

Changing asset via command

Image not change while we fetch html using editor.getHtml()

Updatesrc on image change

With buttons

Paid Plugins That Match This Issue

Browse Plugin Categories