www.gopiplus.com

gopiplus

Zoom image simple script is a simple wordpress plugin that overlays an big (high resolution) image directly on top of the small (thumbnail) image. This feature help users to get a closer look at image.
Check official website for live demo <a href="http://www.gopiplus.com/work/2021/03/21/zoom-image-wordpress-plugin/" rel="nofollow ugc">http://www.gopiplus.com/work/2021/03/21/zoom-image-wordpress-plugin/</a>
Users simply mouse over to get up the big (high resolution) image then be explored by moving the mouse all direction. On mobile devices, users tap the image to get up the big (high resolution) image then be dragged around. we have two option in this plugin. First option, takes the big (high resolution) image and show in the fixed dimensions (same as thumbnail size) when mouse over. Second option, takes the big (high resolution) image and show in the wider dimensions (bigger then thumbnail size) when mouse over.
<ul>
<li><a href="http://www.gopiplus.com/work/2021/03/21/zoom-image-wordpress-plugin/" title="Live Demo" rel="nofollow ugc">Live Demo</a></li>
<li><a href="http://www.gopiplus.com/work/2021/03/21/zoom-image-wordpress-plugin/" title="Documentation" rel="nofollow ugc">Documentation</a></li>
<li><a href="http://www.gopiplus.com/work/2021/03/21/zoom-image-wordpress-plugin/" title="Video Tutorial" rel="nofollow ugc">Video Tutorial</a></li>
</ul>
How to configure
<ol>
<li>
Install and activate the Zoom image simple script plugin.
</li>
<li>
During activation it create 2 default records in the plugin admin.
</li>
<li>
Go to Settings >> Zoom image >> Add New in your WordPress admin to add and update the details.
</li>
<li>
To add the Zoom image plugin in the page or post, copy the below given plugin short and use it in your post.
</li>
<li>
If you want to add in the widget, you can drag and drop the Zoom image widget in to your sidebar.
</li>
</ol>

Zoom image simple script

Zoom image simple script is a simple wordpress plugin that overlays an big (high resolution) image directly on top of the small (thumbnail) image.

cubecolour

Add the [zoom] shortcode to a page, post or custom post-type post. If the post has a featured image it will displayed on the page, and when you move the cursor over the image, the image will be magnified with the image viewport remains constrained to the dimensions of the original image.
on a mobile/touch device the image will also be zoomable, but as there is no hover state this is achieved by means of a pinch & zoom action.
On my site you can see a <a href="https://cubecolour.co.uk/featured-image-zoom/" title="demo of Featured Image Zoom" rel="nofollow ugc">demo</a> of the plugin.
<h4>Usage:</h4>
Ensure that your post/page has a featured image defined.
Use a [zoom] shortcode to your page.
Some optional shortcode parameters can also be used.
=size= 
The large image is used by default for the unzoomed image. Use the size parameter to use a different defined image size.
eg ‘[zoom size=thumbnail]’
=zoomsize= 
The full image is used for the zoomed overlay. This can be changed using the zoomsize shortcode parameter.
eg ‘[zoom zoomsize=large]’
The image size definitions used for the the unzoomed and zoomed images should have the same aspect ratio and cropping.
=zoomin= 
This can be used to tweak the level of zoom. The value must be a positive integer. The default is 6 so if the zoom level results in too much magnification on hover, try a lower value.
eg ‘[zoom zoomin=2]’

Featured Image Zoom

Add a [zoom] shortcode to display a zoomable featured image.

Zoom image simple script vs Featured Image Zoom