Just WOT Essence!

Css Popup Image Viewer, Css

« Older   Newer »
  Share  
Tìnker
view post Posted on 3/4/2010, 13:58




Per ingrandire un'immagine al passaggio del mouse unaste questo codice:
Amministrazione->Grafica->Colori e Stili
CODICE
/*Prelevato da http://fpt.blogfree.net/ */
.thumbnail{position: relative; z-index: 0}
.thumbnail:hover{background-color: transparent; z-index: 50}
/*Parte per la modifica dei colori e dello stile*/
.thumbnail span{position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none}
/*parte per la modifica dell'allargamento*/
.thumbnail span img{border-width: 0; padding: 2px}
/*parte per la modifica della grandezza dell'immagine al passaggio*/
.thumbnail:hover span{ visibility: visible; top: 0; left: 60px}

E per far visualizzare l'immagine usate questo codice:
HTML
<a class="thumbnail" href="#"><img src="LINK IMMAGINE PICCOLA" border="0"><span><img src="LINK IMMAGINE GRANDE"></span></a>

Al posto di LINK IMMAGINE PICCOLA inserite il link dell'immagine piccola che vogliate si visualizzi e al posto di LINK IMMAGINE GRANDE inserite il link dell'immagine che si visualizzi al passaggio del mouse.
 
Top
0 replies since 3/4/2010, 13:58   89 views
  Share