Places

Step 1  Seleziona il codice con il mouse, copialo ed incollalo fra i tags <head> </head> della tua pagina

                 

<!-- w w w . h t m l . i t -->

 

<!-- Codice scaricato gratuitamente da HTML.it, il sito italiano sul Web publishing

                                   http://www.html.it -->

 

<TITLE>Esempi Javascript: esempio pratico </TITLE>

 

<script language="Javascript">

<!--

function newpic() {

document.picture1.src = document.picform.piclist.options[document.picform.piclist.selectedIndex].value;

}

// -->

</script>

 

 

Step 2 - Seleziona il codice con il mouse, copialo ed incollalo fra i tags <body> </body> della tua pagina

 

<table border="6"><tr>

<td align="center"><a name="pic"><img src="immagine01.jpg" alt="Places" border=4 width=240 height=160 name="picture1"></a>

<form  name="picform">

<a name="pic">

<select name="piclist" size="1" onmouseover="window.status='Seleziona l'immagine che vuoi venga visualizzata'" onmouseout="window.status=''">

<option value="immagine01.jpg" selected>Prima immagine</option>

<option value="immagine02.jpg">Seconda immagine</option>

<option value="immagine03.jpg">Teza immagine</option>

<option value="immagine04.jpg">Quarta immagine</option>

<option value="immagine05.jpg">Quinta immagine</option>

</select> <input type="button" value="Mostra" onclick="newpic()" onmouseover="window.status='Clicca qui per visualizzare l'immagine'" onmouseout="window.status=''"></a></form></td></tr></table></center></div>

 

                        NB   Nella riga <table border="6"> di questo 2° step si possono aggiungere, come ho fatto io,  

                        i parametri per colorare la tebella:<table border="6" align="center" bordercolor="#006600"                         bordercolordark="#003300" bordercolorlight="#009900"> e volendo si puņ cambiare anche la misura

                        del bordo che qui č = 6

                        In questo settore dello script potete inserire ed eventualmente aggiungere altre immagini, nominandole

                        -come qui- immagine01.jpg ...02.jpg, ecc...Attenti a non cancellare gli spici "      ".

                        

                        <option value="immagine01.jpg" selected>Prima immagine</option>

                        <option value="immagine02.jpg">Seconda immagine</option>

                        <option value="immagine03.jpg">Teza immagine</option>

                        <option value="immagine04.jpg">Quarta immagine</option>

                        <option value="immagine05.jpg">Quinta immagine</option>

                        </select>

                        Step 3 - Scarica le immagini e inseriscile nella stessa cartella della pagina creata in html   Download

 

       

Directory

Webmaster:Aristide Caruso

Agosto - 2003

 Credits

 Questo script: "Visualizzatore di immagini " proviene dalla raccolta di

Html.it

 

Best resolution 800 x 600-Ie.5 e s.-F11