jQuery - Featured Image Zoomer

    <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="featuredimagezoomer.js">

<script type="text/javascript">

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



        $('img[id^="image"]').addimagezoom({

            zoomrange: [3, 10],

            magnifiersize: [300, 300],

            magnifierpos: 'right',

            cursorshade: true,

             //<-- No comma after last option!

        });

        });

</script>