Images in an Arrays

Computer Science
Tutor: None Selected Time limit: 1 Day

How to store imagesĀ in an array? using Java Script?

Need a simple web page.

May 14th, 2014

you can store images in array using java script below:

/*

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[0] = new Image(50, 50);
 pictures[0].src = "blank.gif";
 pictures[1] = new Image(50, 50);
 pictures[1].src = "triangle.gif";
 pictures[2] = new Image(50, 50);
 pictures[2].src = "circle.gif";
 pictures[3] = new Image(50, 50);
 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>

May 14th, 2014

Studypool's Notebank makes it easy to buy and sell old notes, study guides, reviews, etc.
Click to visit
The Notebank
...
May 14th, 2014
...
May 14th, 2014
Mar 29th, 2017
check_circle
Mark as Final Answer
check_circle
Unmark as Final Answer
check_circle
Final Answer

Secure Information

Content will be erased after question is completed.

check_circle
Final Answer