Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 3, 2014 at 4:47 am #218591
    masterr

    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.

    February 3, 2014 at 5:21 am #218604
    Josue

    Hi!

    What plugins have you tried?

    Best regards,
    Josue

    February 3, 2014 at 7:59 am #218660
    masterr

    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.

    February 3, 2014 at 10:23 am #218692
    Dude

    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

    February 4, 2014 at 1:04 am #219062
    masterr

    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.
    February 4, 2014 at 1:17 am #219067
    masterr

    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

    February 4, 2014 at 2:52 am #219107
    Josue

    Hey!

    Try adding the noLightbox class to them.

    Best regards,
    Josue

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