PopBox! Zoom immagine in Javascript
PopBox è un ingrandimento di un’immagine javascript soluzione per muoversi in modo dinamico e ridimensionare le immagini sulla tua pagina web.
PopBox richiede di avere una conoscenza di base di codice HTML e non di più.
Per utilizzare PopBox! è molto semplice basta aggiungere nel tag <head> </head>:
<script src="PopBox.js"</script> <link rel="stylesheet" type="text/css" href="style.css">
Adesso basta richiamare lo script nel body della pagina sulla nostra immagine che vogliamo zoomare
<img style="width:150px; height:150px;" src="img.jpg" class="PopBoxImageSmall" id="imgBamburgh2" onclick="Pop(this,50,'PopBoxImageLarge');"/>
Possiamo modificare le dimensioni i bordi e molte altre opzioni modificando i file Style.css e PopBox.js , se le immagini sono piu’ di una basta incrementare id=”imgBamburgh1″ o semplicemente dando un id unico id=”Img1″.
