Member Sign In
Not a member?

A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.


It's fast and free.

Sign in with OpenID
Sign In
Webmonkey is a property of Wired Digital.
processing...
Join Webmonkey

Please send me occasional e-mail updates about new features and special offers from Wired/Webmonkey.
Yes No

Please send occasional e-mail offers from Wired/Webmonkey affiliated web sites and publications, and carefully selected companies.
Yes No

I understand and agree that registration on or use of this site constitutes agreement to Webmonkey's User Agreement and Privacy Policy.
Webmonkey is a property of Wired Digital.
processing...

Retrieve Sign In

Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.

or
Webmonkey is a property of Wired Digital.
processing...

Welcome to Webmonkey

A private profile page has been created for you.
As a member of Webmonkey, you can now:
  • edit articles
  • add to the code library
  • design and write a tutorial
  • comment on any Webmonkey article
Close
Webmonkey is a property of Wired Digital.

Sign In Information Sent

An e-mail has been sent to the e-mail address registered in this account.
If you cannot find it in your in-box, please check your bulk or junk folders.
Sign In
Webmonkey is a property of Wired Digital.

Make a JavaScript Slideshow

/skill level/
/viewed/
0 Times

JavaScript slide shows are great for a lot of reasons. You can use them to spice up photo albums, add a little pizzazz to your home page, or even show a story, stop-motion-animation style. And one of the beauties of JavaScript is its reusability:Once you create your script, building a new slide show is just a matter of copying the code and pointing it at a new image folder.

To get an idea of the magic I'm talking about here, take a look at the slide show I made of the pics from my friend Azure's going away party. While Azure's parting was sweet, sweet sorrow, my loss is your gain:The script I used to create this slide show is easy to learn and modify. Just you wait and see!

Yes, in the lessons that follow, I'll show you how to build your very own slide show, then how to tweak it to your liking. (A hearty thanks goes out to Robert Bui - several parts of the JavaScript code I'm about to share are "inspired" by his script, which can be found at JavaScript.internet.com.)

This tutorial, originally submitted by Webmonkey contributor Alanna Spence, is a wiki. If you have extra advice, please log in and add it.


=

What you'll need

1.jpeg

2.jpeg

3.jpeg

4.jpeg
  • This page was last modified 11:19, 17 November 2009.
Edit this article
Reddit Digg
 
Subscribe now

Special Offer For Webmonkey Users

WIRED magazine:
The first word on how technology is changing our world.

Subscribe for just $10 a year