Newsgroup: it.comp.www.html
Titolo: rollover

č possibile creare l'effetto rollover su piů immagini nella stessa
pagina?(dovrei fare un menu)
debbo usare per forza javascript?basta dhtml?
Mi date il codice?
Grazie
Andrea

 wrote in message 8oipq1$l6m$1...@serv1.albacom.net...


devi usare javascript
puoi utilizzare lo script che ti posto qui sotto
/****************************************************************
ROLLOVER CON SUPPORTO DEI LAYER
Script from 
sup...@gruppo4.com
 - 
http://www.gruppo4.com
You can use this code if you leave this message
****************************************************************/
function preload (imgName,imgSrc,imgSrcHl) {
        if (document.images) {
                eval(imgName+'Off=new image()')
                eval(imgName+'Off.src="'+imgSrc+'"')
                eval(imgName+'On=new image()')
                eval(imgName+'On.src="'+imgSrcHl+'"')
        }
}
function on(imgName,layerName) {
        if (document.images) {
                if (ns4 && layerName!=null) {
eval('document.'+layerName+'.document.images["'+imgName+'"].src = '+
imgName + 'On.src')
                }
                else {eval('document.images["'+imgName+'"].src =
'+imgName+'On.src')}
        }
}
function off(imgName,layerName) {
        if (document.images) {
                if (ns4 && layerName!=null) {
eval('document.'+layerName+'.document.images["'+imgName+'"].src = '+
imgName + 'Off.src')
                }
                else {eval('document.images["'+imgName+'"].src = '+imgName
+ 'Off.src')}
        }
}
-------------------------------
[fine dello script prncipale]
ISTRUZIONI PER L'USO
netscape, al contrario di explorer, vede i layer come veri e propri
documenti, e quindi mentre su IE l'oggetto immagine č
document.images['nome_immagine']
le immagini contenute in un layer su NS vengono viste come:
document.nome_layer.document.images['nome_immagine']
-----
all'interno della HEAD delle pagine HTML che contengono i rollover va
inserita la chiamata allo script del preload. Chiaramente la chiamata a
preload() va ripetuta per ogni immagine:
<SCRIPT TYPE="text/javascript"><!--
/*      rollover preload*/
if (document.images) {
        preload('nome_immagine','URL del file','URL del file_hl')
}
//-->
</SCRIPT>
n.b.: se i preload sono uguali per tutte le pagine o per la maggior parte
di esse (per esempio un menu' che si ripete in tutte le pagine), vale la
pena di inserire lo script dei preload in un foglio js esterno assieme alla
funzione vera e propria (questo anche se non tutte le immagini caricate del
preload vengono utilizzate in una singola pagina).
la chiamata del rollover dal codice HTML č del tipo:
<A HREF="" ONMOUSEOVER="on('nome_bottone','nome_layer')"
ONMOUSEOUT="off('nome_bottone','nome_layer')">
n.b.:
- se le immagini non sono contenute in un layer, basta scrivere 'null' al
posto di nome_layer, oppure si puň anche non scrivere nulla.
- all'interno del tag IMG va inserito l'attributo NAME
 ------------------------------------------------------------------------
   č possibile creare l'effetto rollover su piů immagini nella stessa
   pagina?(dovrei fare un menu)
   debbo usare per forza javascript?basta dhtml?
   Mi date il codice?
   Grazie
   Andrea
     ------------------------------------------------------------------------
--
Posted from 
DNS.GRUPPO4.COM
 [193.70.107.66] 
via Mailgate.ORG Server - 
http://www.Mailgate.ORG

 file://-->
