Effetto rollover [era:aiuto urgente!!]

cla74

Nuovo Utente
26 Apr 2008
20
0
0
ciao a tutti
ho usato due immagini diverse come link ad altre pagine.
le 2 righe di codice dei link si trovano all'interno di un elenco nn numerato " <li> ".
vorrei che al passaggio del mouse le due immagini cambiassero,ad esempio con :hover.
come posso fare? devo specificare gli attributi di " <a> " all'interno del css? se si come?
grazie mille
 

cla74

Nuovo Utente
26 Apr 2008
20
0
0
grazie della risposta!
nel mio caso il mio link e' costruito con del codice php,ti ne riporto un po x farti capire:
<div id="navMain">
<ul class="back">
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?=zen_image(DIR_WS_TEMPLATE.'images/'.'/bottonehome.gif')?></a></li> ecc. ecc.
mi spiegheresti come fare,usando il codice javascript che mi hai consigliato, a creare il mouseover??
grazie...
 

PoLe

MRW Moderator
6 Giu 2005
2.210
3
0
38
.: Venezia :.
www.bzconsulting.it
Mi spiace ma non conosco il PHP, e quindi non ne conosco le logiche di funzionamento dei vari metodi :p

L'unica cosa che posso provare a consigliarti è:
Invece di utilizzare:
Codice:
<?=zen_image(DIR_WS_TEMPLATE.'images/'.'/bottonehome.gif')?>
usa un ECHO per creare l'HTML del tag IMG (come hai fatto per il tag <a href> che lo precede nel tuo codice), inserendovi i codici JS del tutorial ;)

:byebye:
 

Martin010

Nuovo Utente
19 Mag 2008
2
0
0
www.globedrumexp.com
Rollover con fade...

Ho letto l'articolo e penso proprio che proverò con Javascript!
Però mi chiedo... se volessi fare il rollover con Fade IN e Fade OUT delle immagini... c'è un metodo altrettanto semplice? Sarebbe un valore aggiunto non indifferente!

Grazie 1000!
Ema.

Ciao :)

L'effetto che vuoi applicare si chiama rollover.

Se vuoi svilupparlo con i CSS, questo è un modo:
https://www.mrw.it/css/articoli/rollover-immagini-senza-javascript_303.html

Oppure, puoi utilizzare quest'altro semplicissimo metodo che si affida a JavaScript:
https://www.mrw.it/javascript/articoli/semplice-rollover-immagine-javascript_545.html

:byebye:
 

PoLe

MRW Moderator
6 Giu 2005
2.210
3
0
38
.: Venezia :.
www.bzconsulting.it
Ho letto l'articolo e penso proprio che proverò con Javascript!
Però mi chiedo... se volessi fare il rollover con Fade IN e Fade OUT delle immagini... c'è un metodo altrettanto semplice?...
...
Mmmm.... non credo..
Nel senso che probabilmente esiste uno script che crea l'effetto fade in/out, ma sicuramente non è affatto semplice. E probabilmente risulterebbe anche pesante!

Mi spiace ma non saprei dirti! ;)
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Effetto rollover sulle immagini: immagine selezionata? Javascript 0
F effetto rollover Webdesign e Grafica 1
S effetto rollover Flash 1
S Problema Con L' Effetto Rollover Per Pulsanti Javascript 1
E telecamera effetto nebbia IP Cam e Videosorveglianza 0
S [Photoshop] Nome di questo effetto (vedi foto) Photoshop 1
S [HTML] Effetto su testo da togliere HTML e CSS 0
F [Photoshop] Effetto "vetro" Photoshop 1
A [Photoshop] come poter realizzare il seguente "effetto" Photoshop 4
P [Photoshop CC] Come posso creare quest'effetto - cerchi concentrici Windows e Software 6
P [Photoshop] Effetto ombra Photoshop 1
R [HTML] Effetto carousel di testo su immagine fissa HTML e CSS 2
trattorino [Javascript] effetto carino sul click mi aiutate? Javascript 1
Andrea_Ventura [HTML] Problemi con effetto hover HTML e CSS 5
M [Photoshop] Come posso creare questo effetto ? Photoshop 2
T [Javascript] identico carousel con effetto fade: in una pagina va in un'altra no, mistero? Javascript 3
I Effetto glowing su immagine con GIMP Webdesign e Grafica 0
MimmoMandrillo [Photoshop] Che effetto è questo? Photoshop 3
R [Photoshop] Come creare questo effetto (v.immagine)?(sovrapposizione immagini in modo uniforme) Photoshop 2
D [Photoshop] Come arrivare a questo effetto? Photoshop 4
S [Photoshop] aiuto effetto glitch scanner (scanner art) Photoshop 1
A Effetto hue-rotate con javascript Javascript 2
elpirata Creare scritte flash effetto dinamico Flash 2
A [HTML] Menu con effetto slide down HTML e CSS 0
M [HTML] Slideshow immagini con effetto FADE HTML e CSS 2
F [HTML] Navbar interferisce con codice per effetto parallax HTML e CSS 2
D effetto con adobe muse Windows e Software 1
X [Photoshop] Cercasi strumento per ottenere un semplice effetto. Photoshop 6
F [HTML] Effetto fade su ogni immagine contenute in uno slider HTML e CSS 16
S [HTML] Effetto hover in un div HTML e CSS 6
M [Photoshop] come realizzare un effetto speciale? Photoshop 1
D [HTML] Sfondo-Background fisso ma non troppo con effetto in movimento HTML e CSS 4
R [HTML] Pulsante con effetto dissolvenza (fading) HTML e CSS 10
trattorino [Javascript] caricamento immagine con effetto fade Javascript 1
R Effetto sul testo Javascript 3
K Effetto psichedelico Flash 0
G Effetto mosso tipo calce. Photoshop 1
P Effetto spruzzo di profumo Photoshop 1
J Aggiunta di un effetto di transizione al plugin Quick Pager jQuery 0
L effetto galleria popup (immagini) jQuery 1
M effetto del testo css HTML e CSS 1
Z Effetto pennello con Flash Flash 0
P Visualizzare video mp4 con effetto lightbox jQuery 1
L Effetto fade a div Javascript 1
L Effetto hover con jquery jQuery 2
F effetto movimento immagini jquery jQuery 3
matteoraggi Come si fa a ricreare l'effetto dei pesciolini? WordPress 3
F Effetto comparsa header Javascript 2
F mappa jquery con effetto hover + fancybox Javascript 1
F Come si chiama questo effetto hover? Javascript 1

Discussioni simili