PictureSlider | example

Source:

<head>
	...
	<script src="mootools.js"></script>
	<script src="picture-slider/src/picture-slider.js"></script>
	<link rel="stylesheet" type="text/css" href="picture-slider/src/picture-slider.css" />
</head>
...

<div id="picture-slider" style="width: 1024px; height: 600px"></div>
<script>
document.addEvent('domready', function() {
	var ps = new PictureSlider($('picture-slider'), [
		{
			src: 'img/606394main_Wheels_Spinning_Still-br2.jpg',
			caption: '<strong>Wheels Installed On Curiosity.</strong> Originally taken in July 2010, this photo shows NASA engineers installing six wheels on the Curiosity rover.'
		},
		{
			src: 'img/582750main_sunrise_from_iss-4x3.jpg',
			caption: 'On Saturday, Aug. 27, 2011, International Space Station astronaut Ron Garan used a high definition camera to film one of the sixteen sunrises astronauts see each day. This image shows the rising sun as the station flew along a path between Rio de Janeiro, Brazil and Buenos Aires, Argentina.'
		},
		{
			src: 'img/563359main_image_1984.jpg',
			caption: 'Attired in a training version of his Extravehicular Mobility Unit spacesuit, NASA astronaut Mike Fossum participated in spacewalk training in the waters of the Neutral Buoyancy Laboratory near NASA\'s Johnson Space Center. Divers in the water assisted Fossum in his rehearsal, which helps prepare him and his fellow astronauts for work on the exterior of the International Space Station.'
		},
		{
			src: 'img/575389main_image_2021.jpg',
			caption: '<em>5...4...3...2...1...release.</em> With that countdown, the Apollo-like test article that is a base model for the agency\'s future Orion Multi-Purpose Crew Vehicle, took flight swinging across the sky — nearing 50 mph (80.5 kph) — at NASA Langley\'s Landing and Impact Research Facility.'
		},
		{
			src: 'img/605776main_image_2114.jpg',
			caption: 'Russian support personnel work to help get crew members out of the Soyuz TMA-02M spacecraft shortly after the capsule landed with Expedition 29 Commander Mike Fossum and flight engineers Sergei Volkov and Satoshi Furukawa in a remote area outside of the town of Arkalyk, Kazakhstan'
		},
		{
			src: 'img/616904main_rover_comparison_full.jpg',
			caption: '<strong>Three Generations of Rovers with Crouching Engineers.</strong> Two spacecraft engineers join a grouping of vehicles providing a comparison of three generations of Mars rovers developed at NASA\'s Jet Propulsion Laboratory, Pasadena, Calif. The setting is JPL\'s Mars Yard testing area.'
		},
		{
			src: 'img/614411main_iss_cupola.jpg',
			caption: 'This unusual image was photographed through the Cupola on the International Space Station by one of the Expedition 30 crew members. The lake just above the bracket-mounted camera at center is Egirdir Golu in Turkey. A Russian Soyuz spacecraft is docked to the station at lower right and part of the Permanent Multipurpose Module (PMM) can be seen just above it.'
		},
		{
			src: 'img/580910main_image_2040.jpg',
			caption: '<strong>Elmo and STS-135 Commander Chris Ferguson.</strong> The crew of STS-135, NASA\'s final space shuttle mission, and Sesame Street\'s Elmo welcomed visitors to "What\'s Your Favorite Space?" in New York City.'
		},
		{
			content: '<p class="small">Pictures adopted from:</p><p><span style="color: #fdca01">NASA Image of the Day Gallery</span></p><p><a href="http://www.nasa.gov/multimedia/">www.nasa.gov/multimedia/</a></span></p>',
			link: 'http://www.nasa.gov/multimedia/'
		}
	]);
});
</script>