Finestre pop up su elementi immagine
Autore: Elio C.
Visite 1151,
Followers 1,
Condiviso 0
Ciao a tutti. Dovrei pubblicare un'immagine che rappreseta una mappa concettuale. vorrei creare delle finestre pop up sui vari elementi della mappa, in modo che se uno clicca può accedere a più informazioni rimanendo però sempre sulla stessa pagina. come posso fare?
Grazie
Postato il
dovresti scaricarti Gimp, (che trovi gratis in rete) e con quello crearti un'immagine mappata, poi basta inserire il codice che ti genera il programma ed inserirlo nella pagina....
http://www.programmaresulweb.it/come-creare-una-mappa-di-unimmagine-html-usando-gimp.html
... oltre a Gimp detto da MirKo, ...altre idee potrebbero venirti da qui: https://helpcenter.websitex5.com/post/112618
... i link poi, una volta scelto il metodo adatto, li potresti indirizzare su finestra popup, o su showbox, o su IFRAME...
.
... per capire la fattibilità e scegliere il metodo più adatto, dovresti fornire l'immagine reale della mappa concettuale; qualche esempio potresti trovarlo nel precedente link...
.
ciao
Autore
grazie ho risolto usando una tabella come letto nel post lincato da KolAsin. Un ultima domanda, inserendo le immagini nelle tabelle posso usare due immagini in modo da creare un effetto quando passa il mouse. non trovo quest'opzione da nessuna parte. cmq grazie siete stati risolutivi.
... è semplice; ...basta che prepari due immagini, una x SOPRA ed una x SOTTO (rollover) e le invii nella ROOT (o relativo percorso che preferisci), ed applicherai questa stringa di codice:
<img src="ImmagineSopra.jpg" onmouseover="this.src='ImmagineSotto.jpg'" onmouseout="this.src='ImmagineSopra.jpg'" />
... oppure, se le immagini le alleghi nella cartella "files", così:
<img src="files/ImmagineSopra.jpg" onmouseover="this.src='files/ImmagineSotto.jpg'" onmouseout="this.src='files/ImmagineSopra.jpg'" />
... occhio agli apici e doppi apici...
.
ciao