Jquery image slider slow down each slide

Set effectDuration :

	<script>
		jQuery(function() {

			jQuery('#allinone_bannerWithPlaylist_pureGallery').allinone_bannerWithPlaylist({
				skin: 'pureGallery',
				responsive:true,
				width: 950,
				height: 384,
				borderWidth: 0,
				borderColor:"#000000",
				playlistWidth: 214,
				origThumbImgW:214,
				origThumbImgH:128,


				effectDuration:10.8


			});		
			
			
		});
		

	</script>  

Select allOpen in new window

will that slow down the duration of the slide or the animation between the slide?

try and let me know

ok i have just tried and it is just slowing the animation between slides and not the individual slide speed

I use 10 as value and it slow down apparition on the background

The reason i need the slide slower is because i need the text that animates in to be shown for longer and the text only becomes visible after the animation ends. so slowing the animation between slides wont really help me to achieve what i want.

that's why i need to figure out how to make the timer slower on the slide.

just add/set data-duration in each element
currenty you have 0.5s !!!

<div class="allinone_bannerRotator_text_line textElement53_universal" data-delay="1" data-fade-start="0.7" data-duration="0.5" data-initial-top="333" data-final-top="290" data-final-left="290" data-initial-left="290" style="left: 290px; top: 290px; opacity: 1;"><a href="/websites/brochure-websites" target="_blank">Find out more!</a></div>

i have added data-duration="10" on everything but it doesn't slow down the slide and the text just gets cut off before they can finish the animation because the slide time isn't extented

if you put 10 seconds for each of the element you need to increase the whole duration isn't?

there is no way to increase the whole duration using data-duration=""

i have even tried adding data-duration="50" on the <li> that holds the actual image of the slide but it doesn't do anything.

the whole is effectDuration

i have put effectDuration:20

and data-duration="5" on the text

but still the animation is slowed down but the slide time is not effected.

the text is not shown for any long than it was before.

checking your site and both is ok for me

i dont think you understand what i am trying to do.

you see the red turning circular timer. that is what i am trying to slow down, so the slide stays on for longer not how slow the text moves in or how slow the animation moves.

for me the delay of the circular timer is the highest date-duration of the current slide, correct me if I'm wrong

i find the data duration only effect the element i put it on and not the time of the circular timer

ok, check your html, you should have a div with :

<div class="allinone_bannerWithPlaylist_text_line textElement11_pureGallery" ... data-delay="0" >
change data-delay to the number of second you want

change value of the other data-delay too and not data-duration

that didn't work. i think i will just leave it as its taking too long to fix

data-delay is the delay before starting to display the layer
date-duration is the delay you want it get to animate (complete its own animation)

its autoPlay that did what i need thx