
-
AuthorPosts
-
February 3, 2014 at 4:47 am #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.
February 3, 2014 at 5:21 am #218604Hi!
What plugins have you tried?
Best regards,
JosueFebruary 3, 2014 at 7:59 am #218660I 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 #218692Hi!
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!
PeterFebruary 4, 2014 at 1:04 am #219062Im 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 #219067I 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 #219107Hey!
Try adding the noLightbox class to them.
Best regards,
Josue -
This reply was modified 11 years, 5 months ago by
-
AuthorPosts
- The topic ‘IMG – Global JQUERY’ is closed to new replies.