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.

Download code Visit demo

Tags: gallery jquery

<< Accordion

SlideShow demo

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://www.ajaxdaddy.com/media/demos/play/1/slideshow/interface-slideshow/" />

<body>
<center>
<p>Interface Slideshow demo - Interface plugin for jQuery</p>
<div id="slideShow1" style="text-align: left;"></div>
</center>

$('a').ToolTip(
			{
				className: 'inputsTooltip',
				position: 'mouse'
			}
		);
	}
);
</script>
</body>
</html>

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.