Making It Happen: Coda-Slider

Lee Taylor — Wed, 17 Sep 2008 04:15:58 +0000

Hi All,

I knew it, you were wondering what jQuery tool we used across our site and how we customized it, right? Well, here’s one small way in how we added a bit to the core code.

While reading along in some of the forums (located here: http://www.ndoherty.com/blog/2007/10/29/coda-slider-11/), I noticed some are wanting an “auto-slide” feature for this thing (great job by the way Niall Doherty).

Here’s how you do it:


Modify the js code included in the page's header into this:
jQuery(window).bind("load", function() {
	jQuery("div#slider1").codaSlider()
	// jQuery("div#slider2").codaSlider()
	// etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.

	//call every __ seconds
	  var autoSlide = setInterval(function()
	  {
		$("#left-link").click();
		}, 10000);

});


And change line 63 (i believe, or corresponding line of code) of coda.slider.1.1.1.js:
jQuery(this).before(”Left<\/div>”);

 
And there you have it.

Feel free to check us out here where we may be hosting some cool developments.
 
Hat's off to Niall Doherty and others who have put their efforts towards this sweet tool.

Elias Interactive » coda-slider

Making It Happen: Coda-Slider