Newsgroup: it.comp.www.html
Titolo: Rollover made on my own (italiano)

Ciao a tutti, ho provato a fare questo rollover che necessita di 8 immagini,
4 da vedere e 4 da sostituire (image1a, image1b, image2a ...). Il problema
si presente quando provo a far scorrere velocemente il mouse tra le 4
immagini (abbastanza velocemente),
e certe di esse quando il mouse esce dal campo dell'immagine invece di
tornare all'immagine A restano all'immagine B. Perché ???? Grazie a chiunque
tenti di aiutarmi ...
<HTML>
<HEAD>
<TITLE>Rollover made at home</TITLE>
<STYLE>
#image1 {visibility: visible; position:absolute; top:50px; left:50px}
#image2 {visibility: visible; position:absolute; top:80px; left:50px}
#image3 {visibility: visible; position:absolute; top:110px; left:50px}
#image4 {visibility: visible; position:absolute; top:140px; left:50px}
#preimage1 {visibility: hidden; position:absolute; top:50px; left:50px}
#preimage2 {visibility: hidden; position:absolute; top:80px; left:50px}
#preimage3 {visibility: hidden; position:absolute; top:110px; left:50px}
#preimage4 {visibility: hidden; position:absolute; top:140px; left:50px}
</STYLE>
<SCRIPT>
function viewpreimage1()
{
image1.style.visibility="hidden"
preimage1.style.visibility="visible"
return false
}
function hidepreimage1()
{
image1.style.visibility="visible"
preimage1.style.visibility="hidden"
return false
}
function viewpreimage2()
{
image2.style.visibility="hidden"
preimage2.style.visibility="visible"
return false
}
function hidepreimage2()
{
image2.style.visibility="visible"
preimage2.style.visibility="hidden"
return false
}
function viewpreimage3()
{
image3.style.visibility="hidden"
preimage3.style.visibility="visible"
return false
}
function hidepreimage3()
{
image3.style.visibility="visible"
preimage3.style.visibility="hidden"
return false
}
function viewpreimage4()
{
image4.style.visibility="hidden"
preimage4.style.visibility="visible"
return false
}
function hidepreimage4()
{
image4.style.visibility="visible"
preimage4.style.visibility="hidden"
return false
}
</SCRIPT>
</HEAD>
<BODY>
<DIV id=preimage1>
<IMG src="image1b.bmp" onmouseout="hidepreimage1()" vspace=5 hspace=5>
</DIV>
<DIV id=preimage2>
<IMG src="image2b.bmp" onmouseout="hidepreimage2()" vspace=5 hspace=5>
</DIV>
<DIV id=preimage3>
<IMG src="image3b.bmp" onmouseout="hidepreimage3()" vspace=5 hspace=5>
</DIV>
<DIV id=preimage4>
<IMG src="image4b.bmp" onmouseout="hidepreimage4()" vspace=5 hspace=5>
</DIV>
<DIV id=image1>
<IMG src="image1a.bmp" onmouseover="javascript:viewpreimage1()" vspace=5
hspace=5>
</DIV>
<DIV id=image2>
<IMG src="image2a.bmp" onmouseover="javascript:viewpreimage2()" vspace=5
hspace=5>
</DIV>
<DIV id=image3>
<IMG src="image3a.bmp" onmouseover="javascript:viewpreimage3()" vspace=5
hspace=5>
</DIV>
<DIV id=image4>
<IMG src="image4a.bmp" onmouseover="javascript:viewpreimage4()" vspace=5
hspace=5>
</DIV>
</BODY>
</HTML>

.. è un problema non facilmente risolvibile con
oggetti dhtml...
se quello che vuoi fare lo permette,
prova solo con l'oggetto img, img.src..
e quando vuoi nascondere carica una gif
trasparente di 1x1 px.
--
Bye
        Ro<*¿*>berto

 4 da vedere e 4 da sostituire (image1a, image1b, image2a ...). Il problema
per quanto riguarda il rollover io sto sperimentando quello reperito a pag
105 della rivista .net di maggio e mi pare non presenti problemi e pare un
pò più fluido del tuo, anche se chiaramente devo riconoscere le tue
capacità.
per quanto riguarda la velocità, potrebbe anche dipendere dalle dimensioni
delle immagini....
se vuoi il testo del rollover te lo mando per email
ciao
andrea

 andrea
Grazie mille per l'interessamento, ma io ho provato a scrivere il codice da
0, infatti le scorse volte usavo altri metodi (copiati da 
html.it
 e affini)
per fare il rollover e temo che dovrò ricorrere per l'ennesima volta a
questi. Credo che sia colpa di IE (in effetti il ragionamento dello script
mi pare che non faccia una piega), cmq provo a modificarlo per vedere se
ottengo un risultato migliore ..
Ciao

| Grazie mille per l'interessamento, ma io ho provato a scrivere il codice
da
| 0, infatti le scorse volte usavo altri metodi (copiati da 
html.it
 e
affini)
| per fare il rollover e temo che dovrò ricorrere per l'ennesima volta a
| questi. Credo che sia colpa di IE (in effetti il ragionamento dello script
| mi pare che non faccia una piega), cmq provo a modificarlo per vedere se
| ottengo un risultato migliore ..
Se vuoi nelle nuove FAQ c'è uno script compatibile con IE e con Netscape che
è proprio essenziale. Non fa uso di una funzione, quindi si lavora su ogni
immagine. Questo permette ad esempio di fare i rollover anche scambiando
un'altra immagine.
mandi!
andrea/bergamasco
--
______________________________
Le faq di it.comp.www.html:
http://digilander.iol.it/tamburo