hi,
I’ve run into a strange problem with animated elements used in slideslow slides.
The animation plays correctly when it first appears, but it doesn’t if you switch from one slide to another. the annimation counting won’t work correctly and it moves too fast.
So, for example, if you have 3 slides, each with animated elements in them, and I let it run without pressing any button, everything will play correctly. If, however, you have 3 slides and you start on 1 (animation works) then switch to 2 (animation works), the animation on the rest of the slides will lose the right timing and you won’t be able to read what’s in the slide because it moves too fast.
Do you have a code to fix this?
What animated elements are you using for this? Can it be done through the settings in the editor to play once or everytime?
You can try using the slideshow API and see if you can make these animated elements happen when the specific slide is shown.
https://www.wix.com/corvid/reference/$w.Slideshow.html
I’m using picture slideshow, as per settings auto play is on and the delay set for 12 sec.
It should always be on loop.
When I press the side arrows or the nevigation button, it changes to the correct slide but doesn’t reset the timer and therefor the slide only show for a few seconds (not 12 seconds).
What I wish for is when I press a button (arrow/ nevigation button), the timer will reset and count again 12 seconds until the next slide.
This is what I have so far:
$w.onReady( function() {
$w(‘#MainSlideshow’).play();
} );
export function ButtonAir_click(event) {
$w(‘#MainSlideshow’).changeSlide(0);
}
export function ButtonCustoms_click(event) {
$w(‘#MainSlideshow’).changeSlide(2);
}
export function ButtonSea_click(event) {
$w(‘#MainSlideshow’).changeSlide(1);
}
export function ButtonInland_click(event) {
$w(‘#MainSlideshow’).changeSlide(3);
}
export function ButtonServices_click(event) {
$w(‘#MainSlideshow’).changeSlide(4);
}
Tnx.