Images in an Arrays

Anonymous
timer Asked: May 14th, 2014
account_balance_wallet $5

Question Description

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

Need a simple web page.

Tutor Answer

Bilal_Mursaleen
School: Boston College

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>

flag Report DMCA
Review

Anonymous
Goes above and beyond expectations !

Brown University





1271 Tutors

California Institute of Technology




2131 Tutors

Carnegie Mellon University




982 Tutors

Columbia University





1256 Tutors

Dartmouth University





2113 Tutors

Emory University





2279 Tutors

Harvard University





599 Tutors

Massachusetts Institute of Technology



2319 Tutors

New York University





1645 Tutors

Notre Dam University





1911 Tutors

Oklahoma University





2122 Tutors

Pennsylvania State University





932 Tutors

Princeton University





1211 Tutors

Stanford University





983 Tutors

University of California





1282 Tutors

Oxford University





123 Tutors

Yale University





2325 Tutors