Slider Speed in JavaScript

Hi All,

I am using a blog template which I bought, however I need to change the speed of the slider on the homepage (slow it down), I know nothing about JavaScript myself and wondered if there is a standard string of code I can search for, or even which script it would be in, the site is at http://www.thebellwestoverton.co.uk

Any help to point me in the right direction would be much appreciated!

Thanks,

 

if you bought theme, you should go to their help desk for supports faster

 

If that were an option I would have done that in the first place

 

Find this line:

$("a.lightbox").colorbox({maxWidth:"95%", maxHeight:"95%"});

Code (markup):

Replace with this:

$("a.lightbox").colorbox({maxWidth:"95%", maxHeight:"95%", speed:10000});

Code (markup):

That should make it pause for ten seconds between transitions.

 

Hi Thorlax,

Thanks for the reply, I can't seem to find that code anywhere, do you know where I should be able to find it?

Thanks,

 

forgot to mention that. Should be in this file:

http://www.thebellwestoverton.co.uk...ies/colorbox/jquery.colorbox-min.js?ver=1.3.8

 

Hi Thorlax,

Thanks, but that code is not in there, I've searched it and even searched colorbox and maxWidth etc but nothing which looks anything like the code above.

I did spot this though: eb={transition:"elastic",speed:300,width:d,initialWidth:"600" does the "300" look like the one to change?
Or
slideshowSpeed:2500,slideshowStart:"start slideshow",slideshowStop:"stop perhaps changing the "2500" on that line?

Thanks

 

I'm sorry, once again gave you bad information. You do not want to edit that file I just linked you to since that is the main plugin function and messing with it could mess up the entire feature if done incorrectly.

The plugin is referenced in the index page of the website you specified. The exact chunk of code looks like this:

<script type="text/javascript">
// <![CDATA[
	jQuery(document).ready(function($){
		$(".gallery").each(function(index, obj){
			var galleryid = Math.floor(Math.random()*10000);
			$(obj).find("a").colorbox({rel:galleryid, maxWidth:"95%", maxHeight:"95%"});
		});
		$("a.lightbox").colorbox({maxWidth:"95%", maxHeight:"95%"});
	});
// ]]>
</script>

Code (markup):

In that code you should see two occurences of the following:

colorbox({ [I]somevariables[/I] });

Code (markup):

You need to add this to the list of variables in each case:

slideshowSpeed: 10000

Code (markup):

By default, the slideshow speed is set to 2500 milliseconds. You can change it to whatever you want by manually adding this variable.