Come creare un effetto zoom di un immagine

Per chi utilizza molte foto in un blog e� vuole evitare di caricarle con dimensioni eccessive ,oppure per inserire piu� foto in miniatura in un post puo utilizzare questa funzione di zoom che ho appena messo a punto .Per installare la funzione entrate nel vostro pannello di controllo ,andate su Design � MODIFICA HTML espandete i modelli widget mettendo una spunta e� cercate questo comando </head> utilizzando i tasti CTRL+F ,al suo interno incollate lo script che vedete sotto :

<script src='https://sites.google.com/site/scriptvincicoppolas/vincicoppolasscript/blJJimgagrand.js' type='text/javascript'/>
<style>.bliiJ{cursor:url("
http://3.bp.blogspot.com/_Bvhqq3YFEx4/TSX5nw3oEoI/

AAAAAAAAArw/0XHWU5EJvMM/s320/blJJLupa.gif"), pointer !important;}</style>

Salvate il modello .Ora per creare l�effetto basta inserire l�indirizzo Url del immagine nel codice che vedete sotto e inserirlo in un post .Per inserire piu� immagini basta semplicemente aggiungere ogni volta la riga di codice .

<img class="bliiJ" style="width: 114px; height: 171px;" src="URL IMMAGINE" onclick="imgblJte('114px','171px','208px','312px',this);">

Puoi personalizzare le dimensioni di zoom nei parametri in rosso .Guarda la DEMO

Related Posts