Photo Zoom a Freebie module from sMartyD

Photo Zoom is a jquery script that lets you view a magnified portion of members images upon moving your mouse over it. The user can toggle the zoom level by using the mousewheel.

DEMO -> HERE

Interesting.. really cool. Thanks for the share! 

A like from me.

This would be nice to incorporate into the ads module or shop module where you can zoom in for more details on a product for sale.

 Yes it would.

 OK

If you have installed this already you can do the following or uninstall the module and re-upload the new attached files and activate again in Administration Modules

OPEN : /modules/sMartyD/photozoom/classes/sMartyDZoomModule.php

Replace the javascript code with this:

<script type="text/javascript">
$(document).ready(function () {
        var zoomid;
        $('img[id^=bx-gallery-icon-]').live('click', function () {
                var zoomid;
                var zoomid = this.id.replace('bx-gallery-icon-', '#bx-gallery-img-');

                $(zoomid).addimagezoom({
                        zoomrange: [1, 10]
                    });
            });

        $('#bx-gallery-img-1').addimagezoom({
                zoomrange: [1, 10]
            });

        $('.fileUnitPic > img:nth-child(1)').addimagezoom({
                zoomrange: [1, 10]
            });
    });
</script>

 You can alter the size of the magnifier area by adding the following: magnifiersize: [200,200] after zoomrange: [1, 10] make sure you include a comma , so it looks like this:       zoomrange: [1, 10] , magnifiersize: [200,200]   you can of course adjust the zoomrange like so: zoomrange: [3, 10]

Tested on Ads, Events and I believe the Store module should work also...

Any problems, write a letter to someone that gives a...

Only kidding just post your question or requests here...

Thanks sMarty for this script. Sometimes the Mousehover extends beyond the pictures edge. Is there an adjustment to have it only magnify onclick or to adjust the mouse hover to remain in the borders of the pic.