abmcr

<p>Add a checkbox into media window for insert a javascript zoom to large image with jQuery ColorBox.<br />
The basic idea id build from Viva Zoom Plugin , but i want no use Highslide but jquery.<br />
The plugin is a simple version of the more powerful <a href="https://wordpress.org/extend/plugins/jquery-colorbox/" rel="ugc">“jQuery Colorbox”</a></p>


JQuery Colorbox Zoom

Add a checkbox into media window for insert a javascript zoom to large image with jQuery ColorBox.

SilkyPress

<h4>Awesome image zoom for images in posts/pages and for WooCommerce or SureCart products</h4>
<p>WP Image Zoom is a robust, modern and very configurable image zoom plugin. It allows you to easily create a magnifying glass on your images, all from a very intuitive WP admin interface.</p>
<p>Your visitors will be able to see the beautiful details of your images. This will improve your users’ experience and hopefully also your revenue.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JSkcItXaZK4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Features</h4>
<ul>
<li><strong>4 Zooming Types</strong> – Inner zoom, Round lens, Square lens and outer zoom (with Zoom Window).</li>
<li><strong>Animation Easing Effect</strong> – the zooming lense will follow the mouse over the image with a sleak delay. This will add a touch of elegance to the zooming experience.</li>
<li><strong>Fade Effect</strong> – the zoomed part will gracefully fade in or fade out.</li>
<li><strong>Extremely configurable</strong> – control zooming lens size, border color, border size, shadow, rounded corner, and others …</li>
<li><strong>Works with WooCommerce</strong> – easily enable the zoom on all your products’ images. Only a checkbox away.</li>
<li><strong>Works in Pages and Posts</strong> – within the post’s/page’s editor you’ll find a button for applying the zooming effect on any image.</li>
</ul>
<h4>Using the plugin with a page bulider</h4>
<p>For applying the zoom on an image on a page/post from within a page builder, you need to add the “zoooom” CSS class to the image. Here are screenshots on how to do this with the most popular page builders:<br />
* Gutenberg – <a href="https://www.silkypress.com/wp-content/uploads/2018/10/zoom-gutenberg.png" rel="nofollow ugc">screenshot</a><br />
* WPBakery – depending on the page builder’s version: 1) <a href="https://www.silkypress.com/wp-content/uploads/2017/05/image-zoom-js_composer.png" rel="nofollow ugc">screenshot</a> with the “large” or “full” for the Image Size setting. Or 2) <a href="https://www.silkypress.com/wp-content/uploads/2019/06/wpbakery-zoooom.png" rel="nofollow ugc">screenshot</a>.<br />
* Page Builder by SiteOrigin – <a href="https://www.silkypress.com/wp-content/uploads/2020/04/site-origin-zoooom.png" rel="nofollow ugc">screenshot</a><br />
* Elementor Page Builder – <a href="https://www.silkypress.com/wp-content/uploads/2016/09/image-zoom-elementor.png" rel="nofollow ugc">screenshot</a>. It works with all the Image Size options, except Custom.<br />
* Beaver Builder – <a href="https://www.silkypress.com/wp-content/uploads/2020/04/beaver-builder-zoooom.png" rel="nofollow ugc">screenshot</a><br />
* Divi Builder – <a href="https://www.silkypress.com/wp-content/uploads/2024/11/divi-builder.png" rel="nofollow ugc">screenshot</a> (used by the Divi theme)<br />
* Avia Layout Builder – <a href="https://www.silkypress.com/wp-content/uploads/2019/04/enfold-apply-zoooom.png" rel="nofollow ugc">screenshot</a> (used by the Enfold theme)<br />
* Fusion Page Builder – <a href="https://www.silkypress.com/wp-content/uploads/2021/06/fusion-zoooom.png" rel="nofollow ugc">screenshot</a><br />
* Brizy Page Builder – <a href="https://www.silkypress.com/wp-content/uploads/2019/01/zoom-brizy.png" rel="nofollow ugc">screenshot</a><br />
* Tatsu Page Builder – <a href="https://www.dropbox.com/h?preview=tatsu-builder-zoom.flv" rel="nofollow ugc">screencast</a><br />
The zoom works alright only with Image elements. Unfortunately, trying to apply the zoom on an image gallery will make the zoom work only on the first image of the gallery. With the WP Image Zoom Pro the zoom can also be applied on image galleries.</p>
<h4>Why should you upgrade to WP Image Zoom Pro?</h4>
<ul>
<li>Responsive (the zoom window will fit to the browser width)</li>
<li>Mousewheel Zoom</li>
<li>Works with WooCommerce variations</li>
<li>Works with Portfolio images</li>
<li>Works with Easy Digital Downloads featured images</li>
<li>Works with MarketPress – WordPress eCommerce</li>
<li>Zoom within Lightboxes and Carousels</li>
<li>You can choose the zoom window position (left or right from the image)</li>
<li>You can use on more than one image on the same page</li>
<li>Custom theme support</li>
</ul>
<h4>Notes</h4>
<ul>
<li>This plugin is provided “as-is”; within the scope of WordPress. We will update this plugin to remain secure, and to follow WP coding standards.</li>
<li>If you prefer more dedicated support, with more advanced and powerful plugin features, please consider upgrading to <a href="https://www.silkypress.com/wp-image-zoom-plugin/?utm_source=wordpress&utm_campaign=iz_free&utm_medium=banner" rel="nofollow ugc">WP Image Zoom Pro</a>.</li>
</ul>


WP Image Zoom

does not work for variants

Awesome image zoom plugin for images in posts/pages and for WooCommerce products.

JQuery Colorbox Zoom vs WP Image Zoom