[HTML-Tutorial]Picture Gallery

Chip · Founder Data inscrierii: 29/Sep/2007 Mesaje: 19

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>



<head>
<title>Picture Gallery</title>

<style>
body{background-color:}
#small_img{width:290px;height:600px;float:left;overflow:scroll;text-align:center;background-color:06AEFF;}
img {border:none;}
</style>

<script>

/*Add more Picture in the ARRAY */
var photo = new Array();
photo[0]="IMG_1689.JPG"/*put the location of the picture or th name if it is in the same folder*/
photo[1]="IMG_1692.JPG"
photo[2]="IMG_1693.JPG"
photo[3]="IMG_1694.JPG"
photo[4]="IMG_1696.JPG"
photo[5]="IMG_1698.JPG"

function ff(code)
{
document.images.home.src=photo[code];/*the code in the Array is from the function ff(#####)number of picture in the web site*/

}
</script>
</head>
<body>
<div id="small_img">
<a href ="#" onclick="ff(0)"><img src="IMG_1689.JPG" alt="" height="200"></a><br>
<a href ="#" onclick="ff(1)"><img src="IMG_1692.JPG" alt="" height="200"></a><br>
<a href ="#" onclick="ff(2)"><img src="IMG_1693.JPG" alt="" height="200"></a><br>
<a href ="#" onclick="ff(3)"><img src="IMG_1694.JPG" alt="" height="200"></a><br>
<a href ="#" onclick="ff(4)"><img src="IMG_1696.JPG" alt="" height="200"></a><br>
<a href ="#" onclick="ff(5)"><img src="IMG_1698.JPG" alt="" height="200"></a><br>
</div>
<div>
<img name="home" src="IMG_1694.JPG" height="600"/><br>
</div>
</body>
</html>