SlideShow

The following is a small demo, a slideshow from images. This demo was created with a new JavaScript library, JQuery. JQuery library is known for making JavaScript coding fun. When using this demo you must keep the copyright notice for each Interface's JavaScript source file.

SlideShow demo

Changes to the code below will update the demo above in real time.



June 18, 2007, 4:38 a.m. - Pasquale

Great Demo! Is there any chance to add a link to each picture? Thanks, Pasquale

Aug. 22, 2007, 8:42 a.m. - Karl

This demo was a very big help. 1 question: I've read elsewhere that a "loader" image is optional... though when I delete this line, no images appear. How to I eliminate white space between image transitions?

March 14, 2008, 6:46 a.m. - Jairo Moreno

Cool code. I am implementing it for a website, and it works pretty good, except for one minor thing that would make it quite perfect. How to make it run again after having clicked one of the numbered links. Currently, once you click on one of the numbers, it loads that picture and it stops the slide show forever, until you refresh the whole page. I am trying to figure that out using ASP.NET and its update panel in combination with AJAX and the AJAX Control Toolkit and its animation extender, and some javascripts. But so far, not there yet. Maybe it has to do with IE.

June 28, 2008, 6:31 a.m. - JoeM

the interface file is tooo big. How can it be trimmed from the unused elements?

July 3, 2008, 5:07 a.m. - Vikrant kumar

This example has a major bug as on transition, black background of image show white dots.

Sept. 30, 2008, 7:24 a.m. - TobS

Very nice and usefull! But how can I resize the space between image and caption? Please help me ;) thanks a lot!

March 5, 2009, 4:41 a.m. - RIcky

Lovely article. Thank you.

April 26, 2009, 10:02 p.m. - Carlo

hmmmm i has this scribt in a little bit other version. You can took so much image in how you want nice one.

June 17, 2009, 4:53 a.m. - setare

Thank you,i have a problem,i copy this code into my program an run it,but give an error:Invalid Argument

June 22, 2009, 5:12 p.m. - Matias Torres

el enlace esta roto!

Sept. 3, 2009, 5:59 p.m. - sean

This is a great slideshow, can we make the fading slower?

Sept. 30, 2009, 8:48 p.m. - Khlaid Abdulrhman

Thank's for all ajaxdaddy group.

April 29, 2010, 3:44 a.m. - antonis

like like like like :-)

Aug. 30, 2010, 5:43 a.m. - arthi

nice article

Sept. 5, 2010, 6:52 a.m. - Ahyani

It's so cool

Sept. 13, 2010, 8:31 a.m. - Kinjal Solanki

Hey..Its nice article..I like it so much..thank u so much..

Sept. 13, 2010, 8:32 a.m. - Kinjal Solanki

Hey..Its nice article..I like it so much..thank u so much.. MIS Co-Ordinator kinjal.mis@gmail.com District Watershed Development Unit www.dwdupatan.com Patan-384265 Gujarat(India)

Oct. 1, 2010, 11:25 a.m. - subrat

its a good one

Nov. 11, 2010, 4 a.m. - latest technology

Excellent code and Ajax daddy has really a cool collection of code

Dec. 4, 2010, 1:53 a.m. - santosh

nice good one

Feb. 10, 2011, 11:27 p.m. - kushagra

i really say thanku because i learmd more about some unbeliabelable thing only of your help.......

May 22, 2012, 11:04 p.m. - friv 3

Thanks for sharing, i like js

Aug. 10, 2012, 2:21 a.m. - nataraj

how to re-size the images in the above demo.