Zooom is a simple, lightweight jQuery plugin that adds a magnifying glass style zoom functionality to images.
Zooom is a useful plugin to have for product images on ecommerce websites, or if you just want people to be able to zoom into an image without spawning additional overlays or popup windows that may cover your content. This plugin is developed on top of a jquery plugin Magnify by Tom Doan.
[zooom normal_url="NORMAL_IMAGE_URL" big_url="BIG_IMAGE_URL" width="200px" height="200px" disable_on_click="on|off" alt="ALT_TEXT_OF_IMAGE (OPTIONAL)" class="CSS_CLASS (OPTIONAL)"/]
normal_url: The Base Image URL
big_url: The Zoomed Image URL
alt: Any alt tag you want to add to image
class: Any CSS classes you might want to add
width: Width of the magnify glass
height: Height of the magnify glass
disable_on_click: on|off Enable/disable the magnify glass on click
zooom
folder to your /wp-content/plugins/
directory.You will need to upload 2 different size image. A normal image which will be shown on your website and another high resolution image which will be used for magnifying effect.
After you had upload 2 different images, get the URL from “Media” section of your Dashboard. Once you have that, just copy below short code and paste links in given area.
[zooom normal_url="NORMAL_IMAGE_URL" big_url="BIG_IMAGE_URL" width="200px" height="200px" disable_on_click="on|off" alt="ALT_TEXT_OF_IMAGE (OPTIONAL)" class="CSS_CLASS (OPTIONAL)"/]