sfondo div onmouseover/out

[GS 7.0]

Domanda da neofita...

Perchè questo script non mi funziona?

<div style="width:270px; height:320px; background-image:url(<? echo $sito ?>/immagini/immagini_locali/mappa.png); float:left;" onMouseOver="this.style.background-image='<? echo $sito ?>/immagini/immagini_locali/mappa_veneto.png';" onMouseOut="this.style.background-image='<? echo $sito ?>/immagini/immagini_locali/mappa.png';">

[Xinod]

gli attributi di stile manipolati via javascript vanno in camelCase,
cade il trattino e la prima lettera della parola seguente diventa maiuscola:
backgroundImage
fontSize
MozOpacity
...

[mirkoagrati]

Ciao gs 7.0,
probabilmente non ti funziona perchè utilizzi istruzioni css in ambito javascript.
non esiste in javascript la proprietà 'background-image' .

Prova con 'backgroundImage'

oppure con '.style.background = "url(fjell.gif)";'.

Ciao

[GS 7.0]

<div style="width:270px; height:320px; position:relative; z-index:0; background-image:url(<?

echo $sito ?>/immagini/immagini_locali/mappa.png); float:left;"

onMouseOver="this.style.backgroundImage='url(<? echo $sito

?>/immagini/immagini_locali/mappa_veneto.png)'; this.style.width='360px';

this.style.position='absolute'; this.style.zIndex='10';"

onMouseOut="this.style.backgroundImage='url(<? echo $sito

?>/immagini/immagini_locali/mappa.png)'; this.style.position='relative'; this.style.width='270px';

this.style.zIndex='0';">



e funziona...

ora vi chiedo (ne approfitto)

i div possono essere "mappati" come le immagini per far apparire XYZ immagine se passo sopra col mouse in una determinata area e ABC immagine se passo sopra un altra area?

[mirkoagrati]

Si ma con delle notevoli differenze.

Io ti consiglierei di prepararti il codice HTML di ogni DIV e al passaggio del mouse sostituisci solo
il contenuto di un div con il codice pronto.

Ciao