Javascript img declaration loop

[Andigo]

Is it possible to create a loop to create a series of new images, rather than
explicitly declaring each. So, rather than the following two lines repeated 75
times for grid1 through grid75 ...

grid1 = new Image();
grid1.src = "images/nav/grid.png";


is it possible instead to do something like this:

for (var i = 1; i < 75; ++i)
{
var myGrid = eval("grid" + i);
myGrid = new Image();
myGrid.src = "images/nav/grid.png";
}

The above code isn't working (or I wouldn't be posting :) ... ) but I'm
unclear whether the concept is flawed or I just haven't gotten the syntax
right. I've tried a handful of other syntax constructions, but they haven't
worked either.

Thanks,

Andy

[Troyan]

The code you posted worked. The problem was the name of the var,
that was always the same. Using that way, you will be creting 75 times
the same variable. I'll need to use an array or declare variables with
diferent names (using eval).

Example with array:
var j,a=new Array();
for (j=0; j<75; j++) {
a[j]=new Image(); a[j].src='images/nav/grid.png';
} //Creates 75 index of the array "a" (0-74).

Example with eval:
var j,tmpV;
for (j=1; j<=75; j++) { varAtual=eval('variabelNumber'+(j+1));
varAtual=new Image(); varAtual.src='images/nav/grid.png';
} //Creates 75 variables with names "varNum1", "varNum2"... till
"varNum75".


[]s


--
- Rio de Janeiro, Brasil
- Troyan <dnunes[at]email[dot]com>

[Andigo]

Thank you very much. I'll give it a try. Regards, Andy