Setting a delay before transition
-
Hello,
I am trying to configure four independent sliders in a 2×2 grid. I want them each to have a duration of 5 seconds before they have a transition, however want them to offset by 1 second each. I am trying to create a sort of domino effect so that they evenly transition but not at the same time.
Is there any way I can initialize the slider so it is configured to delay for a second or two, while still having the same duration time.
Find below an example of what I am talking about, laying out when the photos would transition.
Example:
Photo 1: 5s 10s 15s 20s etc.
Photo 2: 6s 11s 16s 21s etc.
Photo 3: 7s 12s 17s 22s etc.
Photo 4: 8s 13s 18s 23s etc.
-
Hi @gniuskap
If you are using FlexSlider you can use something like this to check the next slide, stop the slideshow for x amount of seconds, then start it again. Let me know if this works.
add_filter('metaslider_flex_slider_parameters', function ($options, $id) { $options['before'] = isset($options['before']) ? $options['before'] : array(); $options['before'] = array_merge($options['before'], array( "if (slider.animatingTo === 1) { slider.stop(); setTimeout(function() { slider.play() }, 8000) }" )); return $options; }, 10, 2);
The topic ‘Setting a delay before transition’ is closed to new replies.
