jQuery - Featured Image Zoomer

Posted by Akiii under jQuery category on | Points: 40 | Views : 3254
    <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;

Include the below js file scripts:-

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

<script type="text/javascript" src="featuredimagezoomer.js">

Thanks and Regards

<script type="text/javascript">
jQuery(document).ready(function ($) {

zoomrange: [3, 10],
magnifiersize: [300, 300],
magnifierpos: 'right',
cursorshade: true,
//<-- No comma after last option!

Comments or Responses

Login to post response