Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #218591

    Hi Guys,

    I have a few images on the site that are very large in size as they are maps, so i need to zoom in on them. There are a number of plugins that will do this though as your CSS is controlling any IMG i cannot use these plugins. Is there anywhere to turn off your JQUERY on individual images.

    Example, insert image into page 3400px by 2900px, smaller image is displayed, click on your hover button and image is made a little larger, click again and the whole image is displayed though most is off the screen and cannot be viewed. Now if use some zoom or magnifier plugins so i can zoom in on an area of that image the plugin will not work as your global CSS on the IMG attribute is overriding it.

    Cheers.

    PS, I cannot link to the site it’s in a DMZ.

    #218604

    Hi!

    What plugins have you tried?

    Best regards,
    Josue

    #218660

    I tried Image Zoom and WP Image Zoom and no luck. Nextend Image Magnifier worked fine in Firefox but doesnt in IE8, which i need.

    #218692

    Hi!

    You can use Magic Zoom and add following code at the very bottom of wp-content/themes/replete/config-woocommerce/woocommerce-mod.js

    
    (function($){
        $(document).ready(function()
        {
            $('.single-product-main-image>.images .MagicScroll a').attr('rel','zoom-id: MagicZoomImage_Main;');
        });
    })( jQuery );
    

    to overwrite the lightbox effect with the zoom effect. Then go to the Magic Zoom option panel and select “Scroll thumbnails” – “yes” and the thumbnails should be linked to the zoom plugin.

    Cheers!
    Peter

    #219062

    Im using Enfold not replete as per your first file reference. The plugin is for woocommerce, i’m not using that, i tried following the mentioned woocommerce plugin, copied the files, activated the plugin, amended the JS file. Placed the following in my page(with proper links to the images), nothing still the same lightbox appears.

    <blockquote><a href="big.jpg"><img src="small.jpg" /></a>

    • This reply was modified 11 years, 5 months ago by masterr.
    #219067

    I have tried just the Magic Zoom Version(Not woocommerce) the magnify appears though the lightbox is still active and is very awkward for an end user as is. I need a method of turning off the current lightbox when the class MagicZoom is applied to an IMG

    #219107

    Hey!

    Try adding the noLightbox class to them.

    Best regards,
    Josue

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘IMG – Global JQUERY’ is closed to new replies.