-
Posts
-
is it possible to change some content in correlation with slide change on slider.
The class : active-slide toggles on the current li element. Can i trigger that change to have some other changings on the page?Background of my question: I would like to read out the current caption in the slider, and display that in a different target div outside the slider – when changing the slide ( on autorotate or on click next/prev button) – this should happen automatically again.
An on click event is not that difficult to implement, but to use the toggling of the class as trigger in the DOM – after change – I have no idea what to do.
after change seems to be important – because i do not want the caption of the (prev. Image) – i like to wait till the new image is shown – then after change i want to get the caption and show a clone in a different container outside the slider.i think i got it with MutationObserver – but it would be nice/better to have a solution that uses existing triggers or functions
Or is it possible to use out of the slideshow.js an existing function like: after_slide or a used trigger ( maybe: avia-transition-done ) for that ?
Hi,
Thank you for the inquiry.
Looks like the slider triggers a “avia-transition-done” after every slider item fade or slides in. Maybe we can add a listener for that event and do the side effects after the transition.
$('.avia-slideshow:not(.av_fullscreen)').on("avia-transition-done", function() { // do something after slider transition });Best regards,
IsmaelThanks Ismael – I figured there had to be something like that. – Only, of course, this does not include the first slide of the show. Therefore I have to consider the first slide before.
- You must be logged in to reply to this topic.