JAVASCRIPT - Visor de imágenes 4

Visor de imágenes 4

Compatibilidad: Ms Internet Explorer, Netscape
Otro ejemplo de visor de imágenes. Este ejemplo se diferencia por la presencia de un menú textual y no construido con los botones del formulario.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>

/*Rollover effect on different image script-
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages("immagine01.jpg","immagine02.jpg","immagine03.jpg","immagine04.jpg","immagine05.jpg")
</script>

</HEAD>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tr>
 <td width="15%" valign="top" align="left">
 <a href="" onMouseover="changeimage(myimages[0],this.href)">Primera</a>
 <a onMouseover="changeimage(myimages[1],this.href)" href="">Segunda</a>
 <a href="" onMouseover="changeimage(myimages[2],this.href)">Tercera</a>
 <a href="" onMouseover="changeimage(myimages[3],this.href)">Cuarta</a>
 <a onMouseover="changeimage(myimages[4],this.href)" href="">Quinta</a></td>
 <td width="85%" valign="top" align="left">
<a href="javascript:warp()"><img src="immagine01.jpg" name="targetimage" border=0></a>
</td>
 </tr>
</table>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]