rollover complesso

mitnick87

Nuovo Utente
23 Gen 2007
28
0
0
ciao ragazzi, ho un problema!mi trovo ad avere una cartina dell'italia dalla quale devo ricavare due regioni in modo tale che quando ci si passa sopra con il muose cambi la regione in oggetto di colore e deve apparire anche una nuova foto accanto! quindi bisogna fare un rollover con un mappa??? spero mi aiutate grazie! se nn mi sono spiegato bene scrivetemelo!
 

dinamico

Nuovo Utente
18 Mag 2007
11
0
0
fai un rollover normale solo che al posto di cambiare il src di una immagine lo cambi di due. non vedo il problema
 

dinamico

Nuovo Utente
18 Mag 2007
11
0
0
scusa ho dato per scontato che tu conoscessi javascript. forse non lo conosci, non lo so.

cmq ogni immagine ha un attributo src che indica dove sta l'immagine. Immagino tu conosca già questo attributo e sappia come usarlo. quando tu fai un rollover, (e ipotizzo quindi che tu non voglia usare css per farlo), scrivi una funzione che all'evento onmouseover cambia al volo l'attributo src dell'immagine in questione.

esempio:

<img src="images/lombardiaOFF.gif" alt="immagine" id="pic" />

quindi da qche parte nella pagina appare questa immagine che rappresenta la regione lombardia quando non è selezionata. ora tu vuoi che quando ci passo sopra col mouse (o ci clicco, o altro) la lombardia cambia colore da verde a rosso (per esempio) così da segnalare che è stata selezionata.
Tu non fai altro che scrivere una funzione che cambia il sorgente dell'immagine, che molto semplificata sarà più o meno così
function cambiaIMG(statoIMG, nomeIMG){
document.getElementById("pic").src ="images/"+nomeIMG+statoIMG+".gif";
}
a questo punto l'html cambierà come segue:
<img src="images/lombardiaOFF.gif" alt="lombardia" id="pic" onmouseover="cambiaIMG('ON', 'lombardia')" onmouseout="cambiaIMG('OFF', lombardia)" />

se tu vuoi che oltre a cambiare il colore della regione sulla cartina cambia anche l'immagine che rappresenta la regione (quindi fare il rollover su due immagini) non fai altro che allungare la funzione cambiando il src a un altra immagine.

probabilmente però questo lo sapevi già e piuttosto vuoi sapere come fare il rollover su un immagine mappata.
Purtroppo devi crearti tante immagini diverse per quante sono le diverse zone su cui vuoi fare il rollover. Non puoi far cambiare solo la parte che ti interessa. A meno che non ricorri a qche trucco che non sto neanche a proporti perchè sono cose vicine al paranormale.
 

mitnick87

Nuovo Utente
23 Gen 2007
28
0
0
si...grazie ho capito quello che mi hai spiegato...cmq forse sto risolvendo appena faccio ti posto il metodo con cui ho risolto!a dopo!ciau
 
Discussioni simili
Autore Titolo Forum Risposte Data
D Dreamweaver-attivazione di un suono-audio su rollover del mouse su un link Windows e Software 0
A Problema rollover su iphone con ios 8.0 HTML e CSS 2
P far apparire immagine sotto testo con rollover Javascript 2
V Problema Rollover con css HTML e CSS 1
R [Risolto] Body onLoad e Immagini Rollover Classic ASP 6
K menu in rollover senza link...possibile? HTML e CSS 4
P rollOver su testo cambia jpg Javascript 2
M Effetto rollover sulle immagini: immagine selezionata? Javascript 0
M Immagine diversa al rollover per ogni voce di menu Javascript 2
C rollover particolare... HTML e CSS 2
1 Rollover e link inesistenti con Firefox ma funzionanti con Internet Explorer HTML e CSS 7
T flash gallery e rollover HTML e CSS 4
B come si creano i rollover su photoshop su cs3 e superiori? Photoshop 3
WpStyle mappa immagine con rollover HTML e CSS 3
S on rollOver Flash 1
F effetto rollover Webdesign e Grafica 1
C Effetto rollover [era:aiuto urgente!!] Javascript 5
C Rollover e popup Javascript 1
Dragon Problema di rollover Javascript 4
B Problemi "parziali" di rollover su FireFox Javascript 0
P Inserire suono in immagine di rollover Javascript 0
N Problema rollover su IE... HTML e CSS 1
Y rollover + preload Javascript 4
S effetto rollover Flash 1
J rollover su immagine con Javascript Javascript 1
Angelo.com Rotazione controllata dal rollover Flash 1
W rollover css per barra di navigazione basata su immagini HTML e CSS 7
M Rollover & Testo Flash 2
L compatibilità browser rollover Javascript 1
S Problema Con L' Effetto Rollover Per Pulsanti Javascript 1
S Rollover su testo HTML e CSS 3
S problema con rollover Webdesign e Grafica 3
S Rollover slideshow su immagini! HELP!!!! Javascript 4
F rollover - problemi con IE 5 Javascript 4
diodo Rollover su tabella Javascript 1
A Rollover jpg senza livelli Javascript 0
S Ciclo PHP molto complesso PHP 2
M motore di ricerca complesso php PHP 2
I Progetto complesso per app rivoluzionaria Offerte e Richieste di Lavoro e/o Collaborazione 1
I Problema Menù a cascata complesso HTML e CSS 4
G Invio.php di form complesso PHP 18
helpdesk Formail complesso PHP 11
C CSS - Layout complesso HTML e CSS 2
C Esiste uno script del genere per il redirect "complesso" di click o... PHP 1
H [SQL] Problema complesso Database 1
M complesso drag&drop Flash 0

Discussioni simili