Ingrandimento immagini allll passaggio del mouse

~»Mêtål MêwtwØ™«~

Posted on 18/5/2008, 09:12

www.jaco-blog.net

Script che ultimamente è molto richiesto, serve per fare ingrandire le immagini al passaggio del mouse su di esse:

Amministrazione > Gestione codici HTML > In cima al forum

SPOILER (click to view)

CODICE

E successivamente inserire in
Amministrazione > Gestione codici HTML > Nella Home page , in genere all'interno di una tabella:

HTML

<a class="thumbnail" href="#thumb"><img src="http://link_immagine_piccola><span><img src=http://link_immagine_grande><br>Simply beautiful.</span></a>

Fonte: http://www.dynamicdrive.com/style/csslibra...p-image-viewer/

SPOILER (click to view)

in caso questo codice non funzionasse ecco un'altra guida + esauriente

http://newsboard.forumfree.net/?t=24443239

Edited by «~»Jå¢Ø™«~» - 20/2/2009, 18:49

Dënny™

Posted on 9/6/2008, 21:56

a me non funziona

~»Mêtål MêwtwØ™«~

Posted on 10/6/2008, 07:23

Hai messso questo codice in:

Amministrazione > Gestione codici HTML > In cima al forum

HTML

<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>

ciccioplox

Posted on 28/8/2008, 14:04

Anche se ritiro un topic vecchissimo, scusatemi ma volevo ringraziare perchè lo cercavo da moltissimo tempo!

~»Mêtål MêwtwØ™«~

Posted on 28/8/2008, 21:37

prego

Carnage95

Posted on 30/8/2008, 14:27

di niente x qualsiasi script o guida o codice ke cerchi vieni qui e rikiedilo

Carnage95

Posted on 12/10/2008, 18:20

ho agiunto una cosetta al tuo mex

~»Mêtål MêwtwØ™«~

Posted on 12/10/2008, 18:22

Bravo carnage

Carnage95

Posted on 22/10/2008, 16:20

ci sta portando un sacco di visite....
601 con questa mia ahahah

Edited by Carnage95 - 28/10/2008, 19:12

sakura70

Posted on 29/10/2008, 20:16

Prima di tutto grazie per aver parlato di questo argomento, perché era proprio quello che cercavo!

Ora però vorrei che gli ingrandimenti delle foto si aprissero sempre nello stesso punto della pagina e non a destra e in basso rispetto a ciascuna thumb. Ho provato a modificare il css, ma se metto absolute dove adesso c'è relative, mi scombina anche la posizione della miniatura (che nel mio caso è incorniciata da testo con la proprietà css float).
Vorrei risolvere questo problema per rendere il sito accessibile a qualsiasi risoluzione, senza che gli ingrandimenti mi finiscano fuori dallo schermo.

Ho notato anche che su IE6, per quanto lo z-index sia impostato su valori alti, gli ingrandimenti vanno sotto ad altre immagini... capita anche a voi?