Immagini che cambiano su passaggio del mouse
Autore: N. Cataudella
Visite 871,
Followers 1,
Condiviso 0
buonasera a tutti,
se volessi fare in modo che le immagini cambiassero in base al passaggio del mouse su alcune scritte nella stessa pagina.. esiste qualcosa che me lo permette..?! (spero di essere stato chiaro.. una sorta di rollover che quando il mouse passa sopra una scritta, nella stessa pagina, cambia l'immagine di fianco..)
grazie a tutti.
ciao.
Nat.
Postato il
Lo fai già con il programma, con le impostazioni dell'oggetto immagine...
... non ho il programma per verificare quanto suggerito da Mirko, sicuramente corretto; ...ricordo che si potrebbe realizzare nell'Intestazione e nel Pié, in grafica...
... ... sarebbe semplicissimo ed immediato da realizzare con SwishMax, detto e fatto, senza tanti rompimenti...
... ... potresti anche realizzare tutto in grafica fatta ad hoc, ed usare la mappatura immagine...
... ... ma ti dico di più; ...prendi esempio da questa idea, che se ti dai da fare risulterà semplice: http://www.zspace.it/kolasim/website/divsinoK/pagina_1.html http://www.zspace.it/kolasim/website/divsino2K/index.html
... in poche parole,devi usare dei DIV CUSTOM impilati, tipo questo:
<div id="uno" style="position:absolute; left:0px;width:200px; height:200px;"> <img src="files/immagine1.jpg" /> </div>
... eccetera a seguire... ... .. .. . .
... e per generare il testo sensibile al rollover devi usare un metodo come questo:
<p onmouseover="chiudi1(); style.fontWeight='bold' "onmouseout="apri1();style.fontWeight='normal'">UNO</p>
... le funzioni Chiudi ed Apri le crei tu in base al codice sorgente degli esempi...
... vale come input, ...il resto dipende da te
.
... queste sono mie idee; ...magari se cerchi troverai altri metodi, e magari in jQuery...
.
ciao
____edit______
... e questo è l'esempio fatto col catorcio su due piedi: http://www.zspace.it/kolasim/website/divsino3K/index.html
.
Se ho capito bene vorresti una cosa come questa
http://www.essedi.altervista.org/_EVO10/_rollover/index.html
Il testo e l'immagine sono stati inseriti in due oggetti HTML
Il CSS per il testo ed i contenuti dei due oggetti HTML sono ricavabili analizzando il codice del sito.