Automatic jQuery Slideshow Part 4

This tutorial will show you how to create an automatic slideshow using jQuery. This is ideal for galleries or banners.

jQuery doc: http://code.jquery.com/jquery-latest.js
Source Files: http://www.w3hut.com/2011/08/03/tutorial-files-for-jquery-slideshow-tutorial/

http://www.pixeleden.co.uk/

Category:

Howto & Style

Tags:

• JavaScript
• jQuery
• automatic
• slideshow

[2452994]

Does every jQuery script need API to support the function?

[W3Hut]

@2452994 No there is no add ons or API's needed other than jQueries library.

[puggsy21]

well i went through all 4 parts to find out that image 1 was shown twice and the number 3 was shown on the page

[W3Hut]

@puggsy21 Hmmm. Thats bizare I will try and find the code for this and you can compare also to hide the counter you may need to do a few css tricks. I tried to go into as much depth but I used 4 vids as it was.

[phptutorials2010]

This would be alot easier is you specified where you got that jquery page.

[W3Hut]

@phptutorials2010 What jQuery page?

[thedevo01]

@thedevo01 I mean using this exact same technique.

[thedevo01]

You can fade in and out HTML documents too, amirite?

So you could add like a "Featured Products" slideshow with each featured product slide being separate HTML files with their own "Purchase Now!" buttons.

Am I wrong?

[sotonpete]

Excellent tutorial! Thank you. I've been doing basic HTML/CSS/Javascript for several years now and have only just found jQuery, and this is a superb starter as it's a great impact for relatively small amount of code.

[dreamcris21]

I have 3 images just like you.....but when i load my web page the slider only charge the first 2 images and stops......what can i do?

[HighstoneTim]

It does´nt work for me. I´we done exactly as you but when I open the IE browser the first image stays. But there is an X in the upper left corner thats fades in and out???

[paparazzi757]

I cant find your sample code? My slide show dose not work and I want to check it against yours.

[danigrimaldi]

my slider only goes from image1 to image2 and then stops...

[tballa117]

So I followed the tutorial exactly and went over the code several times. The slideshow justt flat out doesnt work for me. Nothing happens. :( I guess i dont understand how you get it to work without ever referencing image2 and image3. Help would be appreciated ill glady send you my code if you think you could figure it out

[flutep]

thanks alot:)

[juanem3]

awesome! so how do I preload the images??