Webwork
/
Random Image with Link and Caption

This JavaScript randomizes the image along with its caption and URL. It will work with as few as two image and as many as you feel like adding.

It is a very useful way to keep a Web site home page looking fresh for return visitors.

Web page:
Source:
<script language="JavaScript">

images = new Array(5);

images[0] = "<a style='font: bold 10px/28px verdana, sans-serif; color: #666; letter-spacing: 3px; text-decoration: none; ' href = 'http://www.re-vision.com/photography/rome2006/index.html'><img src='images/0.jpg' alt='Photographs of Rome and Florence' border='0'><br />Photographs of Rome and Florence »</a>";

images[1] = "<a style='font: bold 10px/28px verdana, sans-serif; color: #666; letter-spacing: 3px; text-decoration: none; ' href = 'http://www.re-vision.com/photography/barcelona/barcelona-cover.html'><img src='images/1.jpg' alt='Photographs of Barcelona, Catalonia' border='0'><br />Photographs of Barcelona, Catalonia »</a>";

images[2] = "<a style='font: bold 10px/28px verdana, sans-serif; color: #666; letter-spacing: 3px; text-decoration: none; ' href = 'http://www.re-vision.com/photography/providence1976/'><img src='images/2.jpg' alt='Photographs of Providence, Rhode Island' border='0'><br />Photographs of Providence, Rhode Island »</a>";

images[3] = "<a style='font: bold 10px/28px verdana, sans-serif; color: #666; letter-spacing: 3px; text-decoration: none; ' href = 'http://www.re-vision.com/photography/reliance/'><img src='images/3.jpg' alt='Photographs of The Reliance Building' border='0'><br />Photographs of The Reliance Building »</a>";

images[4] = "<a style='font: bold 10px/28px verdana, sans-serif; color: #666; letter-spacing: 3px; text-decoration: none; ' href = 'http://www.re-vision.com/photography/santafe/'><img src='images/4.jpg' alt='Photographs of Santa Fe, New Mexico' border='0'><br />Photographs of Santa Fe, New Mexico »</a>";

index = Math.floor(Math.random() * images.length);
document.write(images[index]);

</script>
Previous | Webwork Table of Contents | Next >
photographs:

Semblance Portrait Project
The Built World
Greece
Hungary/Czech Republic
Poland
Graffiti
Simple Truths
Israel


Paris
Puebla, Mexico
Spain
Along the Mississippi
Italy
Santa Fe
The Reliance Building
Providence
archive:

Webwork
The Web Page from Hell
The Portals Project
Transition
Insights
Internet Spelling Guide
Ape Silverback (Primate Ruminations)
Revenge of the Movie Poster
GIFs 4 Us
The Web Rules
Webpix
Backgrounds 4 Us
Webpaper
Digital Sketches
Fonts
Sounds
© Jay Boersma