slideshow - Delay between slides with simple jQuery Cycle -

slideshow - Delay between slides with simple jQuery Cycle -

i'm trying set slideshow fades 1 image next, 3 sec pause on each slide. can't pause on each element, though delay works pause first image.

is there way add together element code below each image can viewed longer before fade effect begins?

it's first time working jquery, simpler better. thanks!

<div class="slideshow"> <img src="images/baby-slide.png"/> <img src="images/characters-slide.png"/> <img src="images/engagement-slide.png" /> <img src="images/holidays-slide.png"/> <img src="images/sports-slide.png"/> </div> <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade', speed: 2000, delay: 2000, continuous:1, timeout:0, easein: 'linear', easeout: 'linear', }); }); </script>

try setting continuous:0 , timeout:3000.

from the documentation:

continuous: true start next transition after current 1 completes

timeout: milliseconds between slide transitions (0 disable auto advance)

jquery slideshow fade