far apparire immagine sotto testo con rollover

pati

Utente Attivo
31 Gen 2007
64
0
6
Ciao a tutti, qualcuno può darmi un consiglio su come posso far apparire un'immagine sotto una parola con rollover? Con un semplice codice riesco a farlo accanto alla parola, ma ho una serie di parole una accanto all'altra e le immagini relative ad ognuna devono aprirsi al di sotto. Grazie a tutti!
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, non è necessario javascript, puoi tranquillamente sfruttare i css
HTML:
<style>
    ul {
        margin:0;
        padding:0;
        list-style-type: none;
    }
    ul li {
        float:left;
        margin:0 5px;
        border:1px solid blue;
        width:128px;
    }
    ul li p {
        text-align: center;
        padding:2px;
        margin:0;
    }
    ul li img {
        display: none;
    }
    ul li:hover img {
        display: block;
    }
</style>
<ul>
    <li>
        <p>sole</p>
        <img src="http://www.i2clipart.com/cliparts/0/d/5/f/clipart-sun-sole-0d5f.png" alt="sole"/>
    </li>
    <li>
        <p>luna</p>
        <img src="http://www.caltabellottameteo.com/Resources/Luna.png" alt="luna"/>
    </li>
    <li>
        <p>stella</p>
        <img src="http://img2.wikia.nocookie.net/__cb20130604154057/nonciclopedia/images/8/80/Stella_stilizzata.jpg" alt="sole"/>
    </li>
</ul>
 

pati

Utente Attivo
31 Gen 2007
64
0
6
Ciao, scusa il ritardo della mia risposta. Purtroppo nel frattempo le cose sono cambiate, non per mia scelta. Grazie comunque, la tua indicazione potrà sicuramente servire ancora!
 
Discussioni simili
Autore Titolo Forum Risposte Data
S far apparire immagine in base al numero uscito PHP 5
Shyson Far apparire le l'icona Back To Top in fondo jQuery 8
Mr. Alex D. Come far apparire un testo preimpostato in una casella di un form di uno script php? PHP 1
Shyson Far apparire o scomparire div jQuery 1
C Far apparire segno + PHP 1
F far apparire in automatico tutti gli ultimi post di facebook nella propria home page HTML e CSS 4
L Far apparire/scomparire un sottomenù al click jQuery 1
S [jQuery] Far apparire un div per qualche secondo Javascript 4
asevenx problema con funzione per far apparire e scomparire un form di commenti PHP 1
Z Far apparire una textarea cliccando su submit Javascript 2
R Piacere di far parte di questa community Presentati al Forum 0
D Devo far funzionare un form di contatti PHP 4
J Far partire Angular Javascript 2
MarcoGrazia Se non sai se riceverai da GET o da POST, puoi verificarlo e far scegliere allo script. Snippet PHP 0
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
D [Java] far partire JProgressBar all'apertura di un JFrame Java 1
Monital [PHP]Far riconoscere stringa o numerico epr creazione campo tabella PHP 6
Q Problema su come far aggiornare i campi su un database Mysql PHP 17
W [PHP] Come far funzionare un form di selezione PHP 12
otto9due Al Click su optgroup di un select, far comparire le option annidate jQuery 2
M Riadattamento funzioni per far scomparire un menu. jQuery 4
momeraths [HTML] Come non far scaricare video HTML e CSS 1
trattorino [Javascript] FAR sparire campo dopo top caratteri Javascript 2
T [Javascript] Far partire script al raggiungimento del div/section Javascript 0
M [PHP] Far rimanere biffata checkbox dopo aggiornamento pagina PHP 24
M [Javascript] far scomparire il menu al click Javascript 0
Bryan [PHP] Far mostrare tutte le tabelle contenenti in un database PHP 2
maurogiarrizzo È un piacere far parte di questo sito Presentati al Forum 1
C [PHP] DEVO FAR SPUNTARE SOLO LE CONSONANTI DI UNA STRINGA PHP 1
R Come faccio a far tradurre un mio video su Youtube? Social Media Marketing 2
SimooRu [PHP] Non riesco a far passare i dati con i form PHP 4
D script per far funzionare l'animazione Javascript 4
D script per far funzionare l'animazione Presentati al Forum 1
G Ciclo if php per far comparire un pulsante solo nel caso in cui una variabile sia 0 PHP 2
M Creazione codice html per far prelevare un banner HTML e CSS 3
M Far partire una funzione/codice php con javascript Javascript 1
S Far partire in automatico una slide all'apertura della pagina Javascript 0
U Far partire una funzione JavaScript premendo bottone in html Javascript 7
S Se voglio far scorrere le immagini dello sfondo di una pagina (oviamente html) come faccio? HTML e CSS 1
S Come faccio a far scorrere delle immagini come sfondo di una pagina? Discussioni Varie 1
I Far conoscere un sito SEO e Posizionamento 4
D Come far ripartire una gif quando si rivisita la pagina dello slideshow WordPress 1
K Far scorrere il menu dal fondo al top della pagina HTML e CSS 6
P Codice per far aprire un <div> al click di un immagine? HTML e CSS 0
piccino Far pubblicare un solo articolo WordPress 0
D cliccare sul tasto per far comparire una scritta tipo PHP 0
G Come far passare un valore attraverso il metodo POST utiliazzando PHP a jQuery PHP 4
S Far scrivere un testo ad un utente registrato..... PHP 3
L Come far commentare/scrivere agli altri utenti?? Windows e Software 10

Discussioni simili