Home + Webmaster + Script + Javascript + Grafica e Immagini + Visualizzatore d'immagini Es.2

Visualizzatore d'immagini Es.2

Un Javascript che permette di visualizzare immagini tramite il passaggio del mouse su un menu testuale.

<html>
<head>
<title>Visualizzatore d'immagini Es. 2</title>
<script>
/*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>

<body>
<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)">Prima</a>
 <a onMouseover="changeimage(myimages[1],this.href)" href="">Seconda</a>
 <a href="" onMouseover="changeimage(myimages[2],this.href)">Terza</a>
 <a href="" onMouseover="changeimage(myimages[3],this.href)">Quarta</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>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Virus Scan McAfee Protteggi al meglio il tuo computer. Mcafee Total Protection con il 20% di sconto.

Javascript e DHTML Corso per imparare lo scripting lato client con Javascript adatto a qualsiasi livello di esperienza.