Ghost

Hola aca les traigo un js que le hace un zoom definido a una imagen, les traigo el javascript en un code html para que les sea mas facil...

Vista Previa

Codigo

<style type="text/css">

.magnifyarea{ /* CSS to add shadow to magnified image. Optional */
box-shadow: 5px 5px 7px #818181;
-webkit-box-shadow: 5px 5px 7px #818181;
-moz-box-shadow: 5px 5px 7px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
background: white;
}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript" src="http://habb0sc.com.nu/javascript.js">

/***********************************************
* Featured Image Zoomer (w/ adjustable power)- By Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

jQuery(document).ready(function($){

	$('#image1').addimagezoom({
		zoomrange: [3, 10],
		magnifiersize: [300,300],
		magnifierpos: 'right',
		cursorshade: true,
		largeimage: 'http://i44.tinypic.com/11icnk5.jpg' //<-- No comma after last option!
	})
	
	$('#image2').addimagezoom({
		zoomrange: [5, 5],
		magnifiersize: [400,400],
		magnifierpos: 'right',
		cursorshade: true,
		cursorshadecolor: 'pink',
		cursorshadeopacity: 0.3,
		cursorshadeborder: '1px solid red',
		largeimage: 'http://i44.tinypic.com/11icnk5.jpg' //<-- No comma after last option!
	})

	$('#image3').addimagezoom()

})

</script>
<p><img id="image1" border="0" src="LINK IMAGEN" style="width:300px;height:225px" /><p>
<p><img id="image3" border="0" src="LINK IMAGEN" style="width:300px;height:225px" /><p>

Lo que deben cambiar es lo ultimo Donde dice Link imagen por el link de sus imagenes, si quieren agregar una 3 imagen agregen esto debajo de eso

<p><img id="image3" border="0" src="LINK IMAGEN" style="width:300px;height:225px" /><p>

y listo, Gracias!

---

¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻