Hola tengo un problema y no se muy bien q hacer me he quedado atascado a ver si alguien me puede ayudar.
<script language="JavaScript">
<!--
var hiLight=new Array();
var curImage="imagenes/23127_1_large.jpg";
preLoad("", "imagenes/23127_1_large.jpg", "imagenes/23127_2_large.jpg", "imagenes/23127_3_large.jpg", "imagenes/23127_4_large.jpg");
function preLoad(){
curLen = hiLight.length;
for (i=0;i<preLoad.arguments.length-1;i++){
hiLight[i + curLen]=new Image();
hiLight[i + curLen].src = preLoad.arguments[0] + preLoad.arguments[i+1];
}
}
function whichImage(imgname){
for (var i = 0; i < hiLight.length; i++){
if (hiLight[i].src.indexOf(imgname) != -1){
return hiLight[i].src;
}
}
return false;
}
function imageChange(imgName){
if (document.images){
document['product_image'].src=whichImage(imgName)
}
}
preLoad();
//-->
</script>
<body>
<table cellpadding="0" cellspacing="0" border=0>
<tr valign="top" align="center">
<td><img src="imagenes/23127_1_large.jpg" alt="PRUEBA DE IMAGENES!!!" class="linkimage" name="product_image" hspace='2' vspace='4' width="295" height="395" border=0></td></tr>
<tr valign="top" align=center><td ><h3>Click images below to view other angles.</h3>
<a href="#" onmouseover="imageChange('imagenes/23127_4_large.jpg')"><img src="imagenes/23127_4_small.jpg" class="linkimage" hspace='2' vspace='4' width="44" height="59" border=0 alt="prueba imagen 1!!!"></a>
<a href="#" onmouseover="imageChange('imagenes/23127_3_large.jpg')"><img src="imagenes/23127_3_small.jpg" class="linkimage" hspace='2' vspace='4' width="44" height="59" border=0 alt="prueba imagen 2!!!"></a>
<a href="#" onmouseover="imageChange('imagenes/23127_2_large.jpg')"><img src="imagenes/23127_2_small.jpg" class="linkimage" hspace='2' vspace='4' width="44" height="59" border=0 alt="prueba imagen 3!!! "></a>
<a href="#" onmouseover="imageChange('imagenes/23127_1_large.jpg')"><img src="imagenes/23127_1_small.jpg" class="linkimage" hspace='2' vspace='4' width="44" height="59" border=0 alt="prueba imagen 4!!! "></a>
</td>
</tr>
</table>
------
<table cellpadding="0" cellspacing="0" border=0>
<tr valign="top" align="center">
<td><img src="<%= strImage %>" alt="PRUEBA DE IMAGENES!!!" class="linkimage" name="product_image" hspace='2' vspace='4' width="295" height="395" border=0></td>
</tr>
<tr valign="top" align=center>
<td ><h3>Click ver imagen</h3>
<a href="#" onmouseover="imageChange('<%= strImage02 %>')"><img src="<%= strcolor02 %>" class="linkimage" hspace='2' vspace='4' width="44" height="59" border=0 alt="prueba imagen 1!!!"></a>
</td>
</tr>
</table>
lo q quiero hacer es q cuando pase el raton por las imagenes pequeñas se me muestren las grandes
