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

Visualizzatore d'immagini Es.1

Un Javascript che permette di visualizzare immagini, l'effetto sarà tipo album fotografico.

<html>
<head>
<title>Visualizzatore d'immagini Es.1</title>
</head>

<body>
<table border="0" cellpadding="0">
  <tr>
    <td width="100%"><img src="immagine01.jpg" width="240" height="160" name="photoslider"></td>
  </tr>
  <tr>
    <td width="100%"><form method="POST" name="rotater">
      <div align="center"><center><p><script language="JavaScript1.1">
var photos=new Array()
var which=0
/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="immagine01.jpg"
photos[1]="immagine02.jpg"
photos[2]="immagine03.jpg"
photos[3]="immagine04.jpg"
photos[4]="immagine05.jpg"
function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}
function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script><input type="button" value="<<Back" name="B2"
      onClick="backward()"> <input type="button" value="Next>>" name="B1"
      onClick="forward()"><br>
      <a href="#" onClick="which=1;backward();return false"><small>Ricomincia</small></a></p>
      </center></div>
    </form>
    </td>
  </tr>
</table>
</body>
</html>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Webmaster Avanzato Percorso completo volto a formare dei professionisti del Web. Come si lavora in uno Staff?

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