Joomla.it Forum
Joomla! 3 => Joomla! 3 => : allinonepoint 07 Jan 2015, 19:36:50
-
sera a tutti,sto facendo delle prova ma senza riuscirci,ho creato un modulo html personalizzato tutto ok,inserito titolo ok, inserito un immagine ok,adesso vorrei creare un link all'immagine che quando l'utente gli clicca sopra si apre un popup con una descrizione.grazie
-
up
-
Ma per caso sei lo stesso utente che ha fatto questa domanda su facebook?(perché ho già letto la stessa identicadomanda su facebook) ti ho già risposto su fb, cos'è che non riesci a fare? hai un lnk del sito in questione?
-
ciao claudio si sono io,il link che mi hai girato tu,sembra che serva solo per le foto,a me serve inserire una foto in un modulo html e quando l'utente ci clicca sopra si apre un piccolo popup con un testo,preso da un articolo o scritto.grazie
-
Per far partecipare anche gli altri utenti del forum il link di cui stiamo parlando è :
http://www.joomla.it/esempi-bootstrap.html (http://www.joomla.it/esempi-bootstrap.html)
Il codice che ti serve è:
<div id="myModal2" class="modal hide fade" style=" width:auto;"> <div class="modal-header"><button class="close" type="button" data-dismiss="modal">×</button> <h3 id="myModalLabel2">Titolo finestra</h3> </div> <div class="modal-body"><img src="images/sampledata/parks/landscape/800px_pinnacles_western_australia.jpg" alt="nome immagine" /></div> <div class="modal-footer"><button class="btn" data-dismiss="modal">Chiudi</button></div> </div> <a href="#myModal2" data-toggle="modal"><img class="img-polaroid" src="images/sampledata/parks/landscape/120px_pinnacles_western_australia.jpg" alt="nome immagine" /></a>[code]
Spiego velocemente il codice, quello che vedi nel popup è il codice che sta dentro al div con id "myModela2" mentre immagine su cui clicchi è il tag <a>.
Se guardi dentro il iv con classe "modal-body" vedi che quello che viene caricato all'interno del popup è un immagine
[code]
<img src="images/sampledata/parks/landscape/800px_pinnacles_western_australia.jpg" alt="nome immagine" />Se tu invece di un immagine metti del testo, verrà visualizzato il testo quindi:
<div id="myModal2" class="modal hide fade" style=" width:auto;"> <div class="modal-header"><button class="close" type="button" data-dismiss="modal">×</button> <h3 id="myModalLabel2">Titolo finestra</h3> </div> <div class="modal-body">
qui inserisci il tuo testo
</div> <div class="modal-footer"><button class="btn" data-dismiss="modal">Chiudi</button></div> </div> <a href="#myModal2" data-toggle="modal"><img class="img-polaroid" src="images/sampledata/parks/landscape/120px_pinnacles_western_australia.jpg" alt="nome immagine" /></a>Questo codice però funziona se il tuo template usa boostrap, se non dovesse funzionare bisogna usare un estensione esterna.
Se metti un link al sito ti sò dire se usi boostrap o no.
-
Penso che anche usando JCE è possibile farlo
http://extensions.joomla.org/extensions/extension/edition/editors/jce