visualizzatore immagini

**marika78** · 21-01-2004, 15:07

Ho scaricato uno script x visualizzare immagini. L'ho modificato nel senso ke ora ho una serie di immagini in miniatura e passando su ognuna di queste si vede la stessa foto ma in grande. Ora mi chiedevo se fosse possibile aggiungere la funzione che oltre a veere l'immagine ingrandita si possa visualizzare anke una didascalia

<HTML>
<HEAD>



<TITLE>Esempi Javascript: esempio pratico </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","i mmagine03.jpg","immagine04.jpg","immagine05.jpg")
</script>

</HEAD>

<BODY bgcolor="white">

<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)"><font
face="Arial">Prima</font></a></p>

<a onMouseover="changeimage(myimages[1],this.href)" href=""><font
face="Arial">Seconda</font></a></p>

<a href="" onMouseover="changeimage(myimages[2],this.href)"><font
face="Arial">Terza</font></a></p>

<a href="" onMouseover="changeimage(myimages[3],this.href)"><font
face="Arial">Quarta</font></a></p>

<a onMouseover="changeimage(myimages[4],this.href)" href=""><font
face="Arial">Quinta</font></a></td>
<td width="85%" valign="top" align="left"><p align="left">
[img]immagine01.jpg[/img]
</td>
</tr>
</table>

</body>
</html>

**Xinod** · 21-01-2004, 16:00

ti posto solo le modifiche

codice:

var desc=["descrizione 1","descrizione 2","descrizione 3","descrizione 4","descrizione 5"]

function changeimage(num,url){ 
  if (document.images){ 
    document.images.targetimage.src=myimages[num].src 
    if(document.getElementById && typeof(document.getElementById('targetdesc').innerHTML)!='undefined'){
      document.getElementById('targetdesc').innerHTML=desc[num]
    }
    gotolink=url
  } 
}

codice:

<td width="85%" valign="top" align="left">
[img]immagine01.jpg[/img]

<div id="targetdesc"></div>
</td>

e i link scrivili così

<a href="" onMouseover="changeimage(0,this.href)"><font
face="Arial">Prima</font></a></p>

ciao

**marika78** · 21-01-2004, 16:16

grazie!

**marika78** · 21-01-2004, 16:26

ho la pagina con lo sfondo nero. x fare apparire le descrizioni in bianco o comunque formattarle come si fa?

**Xinod** · 21-01-2004, 16:41

**marika78** · 21-01-2004, 16:52

ok fatto. xkè però se oltre al colore ci aggiungo font face resta sempre nel tipo di carattere predefinito?

**Xinod** · 21-01-2004, 17:43

lo aggiungi nello stile?
non esiste font-face, puoi usare font-family
http://www.w3c.org/TR/CSS1#font-family

Discussione: visualizzatore immagini

Strumenti discussione

Ricerca discussione

Visualizza

visualizzatore immagini

Permessi di invio