Blog

Create a Simple jQuery Slideshow
Posted on November 12, 2011 in jQuery by Matt Jennings

See http://www.orchinorthodontics.com/ for an example of the slideshow.

The jQuery library must be linked to your website. First follow the steps at http://jquery.malsup.com/cycle/.

Then, insert the code below in your global.js file. This will make the jQuery slideshow start after all images on the web page have loaded. I found this code from http://forum.jquery.com/topic/start-jquery-after-image-loads.

[js]
//Home Page Slideshow
$(window).load(function() {
$(‘#slideshow-homepage’).cycle({
fx: ‘fade’,
speed: 2000
});
});
[/js]

Tags:

Leave a Reply

To Top ↑