Descrizione:  VISUALIZZATORE IMMAGINI

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

                                                              

1°Link

2° link

3° link

4° link

5° link

border= 

Script: Selezionare il codice della  tabella, adoperare il tasto destro del mouse per l'operazione di copia ed incolla, e trasferite nella vostra pagina web.    - Questo codice è da inserire all'interno dei tags <head> e</head>

2° passaggio -  sostituisci immagine01.jpg e cosi' via con  l'indirizzo web delle immagini che vuoi inserire.

("immagine01.jpg","immagine02.jpg","immagine03.jpg","immagine04.jpg","immagine05.jpg")

3° passaggio - sostituisci con il tuo titolo il nome del link Prima e cosi via

face="Arial">Prima</font></strong></a></p>

4° passaggio - in fondo codice trova questa riga e sostituisci immagine01.jpg con l'indirizzo della prima immagine che hai inserito nel 2° passaggio

<a href="javascript:warp()"><img src="immagine01.jpg" name="targetimage"

<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">
    <p><a href="" onMouseover="changeimage(myimages[0],this.href)"><strong><font
 face="Arial">Prima</font></strong></a></p>
    <p><a onMouseover="changeimage(myimages[1],this.href)" href=""><strong><font
    face="Arial">Seconda</font></strong></a></p>
    <p><a href=""  onMouseover="changeimage(myimages[2],this.href)"><strong><font
    face="Arial">Terza</font></strong></a></p>
    <p><a href="" onMouseover="changeimage(myimages[3],this.href)"><strong><font
    face="Arial">Quarta</font></strong></a></p>
    <p><a onMouseover="changeimage(myimages[4],this.href)" href=""><strong><font
    face="Arial">Quinta</font></strong></a></td>
    <td width="85%" valign="top" align="left"><p align="left"><!--webbot bot="HTMLMarkup"
    startspan -->
<a href="javascript:warp()"><img src="immagine01.jpg" name="targetimage" border=0></a>
<!--webbot bot="HTMLMarkup" endspan --></td>
  </tr>
</table>
</body>
</html>
 

 

 


       Torna a inizio pagina                    invia e-mail                                Commenti                             Segnala errori                              Stampa

 

 www.imperiareport.altervista.org.- Risorse gratuite per webmaster

Copyright © 2008 - 2012