Image array : Image Img : HTML JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » HTML » Image Img »

 

Image array



/*

JavaScript Programming for the Absolute Beginner
by Andy Harris

Publisher: Muska & Lipman/Premier-Trade

Language: English
ISBN: 0761534105
*/

<html>
<head>
<title>Image Array Demo</title>
<script>

var description = new Array("blank""triangle""circle""square");
var pictures = new Array(3);
var counter = 0;


function initialize(){
  // sets up the array with some startin values
  // Andy Harris
  pictures[0new Image(5050);
  pictures[0].src = "blank.gif";
  pictures[1new Image(5050);
  pictures[1].src = "triangle.gif";
  pictures[2new Image(5050);
  pictures[2].src = "circle.gif";
  pictures[3new Image(5050);
  pictures[3].src = "square.gif";

// end initialize 

function upDate(){
  //increments the counter and shows the next description
  counter++;
  if (counter > 3){
    counter = 0;
  // end if
  document.imgDisplay.src = pictures[counter].src;
  document.myForm.txtDescription.value = description[counter];
// end upDate

</script>
</head>

<body onLoad = "initialize()">
<center>
<h1>Image Array Demo<hr></h1>
<form name = "myForm">
<img src = "blank.gif"
     name = "imgDisplay"
     height = 100
     width = 100>
<br>

<input type = "text"
       name = "txtDescription"
       value = "blank">
<br>
<input type = "button"
       value = "next"
       onClick = "upDate()">
</form>
</center>
<hr>
</body>
</html>

 

           
       



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo HTML
» Image Img