Slider timing

Hi all,
I have a jquery slider in a template that I am using, I have some CSS and HTML knowledge, but my jquery is minimal. How do i slow down the slider? I am presuming it is in the jquery code but which timing #'s do I change?
Thanks in advance,
M.

Hi,

There is often a parameter that you can pass to the slider upon initialization which determines at what interval the picture changes.
Is it possible to post a link to the page where I can see the slider in question?

It is a HTML template: http://www.flashmint.com/show-template-4230.html I don’t have my site up yet. Thanks for the help.
M.

Hi there,
I don’t see a slider on that page.
Do you mean the siding images grid on the demo page?

Yes, If you view the demo it is the slider on the home page.
Thanks,
M.

Hi,

There is no easy way to do what you want, I’m afraid.
The slider on the demo page is embedded in an iframe.
The iframe is located here: http://demo.themedev.me/site_templates/indelight/
If you pull that page apart, you can see a script called “script.js” being referenced.

The timing of the slider is controlled by this bit of code in script.js:

function run_slider1() {
	slider_height = $('.main_slider').height();
	slider_hid_height = slider_height - $('.main_slider_hidder').height()-img_height;
	$('.main_slider').animate({left : max_slider_left+'px'},1000);
	setTimeout("$('.main_slider').animate({top: '-'+slider_hid_height+'px'},500)",3000);
	setTimeout("$('.main_slider').animate({left: '0px'},1000)",5000);
	setTimeout("$('.main_slider').animate({top : '0px'},500)",8000);
}

Try playing around with the numbers to see what effect they have.
I tried doubling all of them and this seemed to slow things down to a considerably less hectic speed.

Not sure if this helps …

Thanks for your help I will try it out!
M.

You’re welcome :slight_smile: