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. 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.
Plugin admin dashboard
How to install the plugin
Download the plugin zoom-image-simple-script.zip from download location. Go to Plugins >> Add New in your WordPress admin. Select upload plugin button. Upload the available zoom-image-simple-script.zip file and click Install Now. Finally click activate plugin link to activate the plugin.
How to configure
1. Install and activate the Zoom image simple script plugin.
2. During activation it create 2 default records in the plugin admin.
3. Go to Settings >> Zoom image >> Add New in your WordPress admin to add and update the details.
4. To add the Zoom image plugin in the page or post, copy the below given plugin short and use it in your post.
5. If you want to add in the widget, you can drag and drop the Zoom image widget in to your sidebar.
Short code for post
Add/Edit form details
Small image: Thumbnail image for the display.
Big image: Original higher resolution image to display on zoom.
Image title: Enter title for your zoom image.
Image width: The width of the zoom area interface (0 = auto).
Image height: The height of the zoom area interface (0 = auto).
Image fade: The duration of the fade in effect, in milliseconds (1000 = 1 second).
Image scale: Sets the dimensions of the enlarged image when viewers zoom in (0 = auto).
Image position: Set this option to true if your thumbnail image is wrapped inside a fixed parent element (true/false).
Image group: This is to group the images. Select your group.
Display: Select this option to YES to show the image in the frontend.
Frequently Asked Questions
Q1. How to upload images?
In the plugin admin, we have an option to upload the images, If you don’t want to upload the images, and If you already have images in the server and if you want to use those images in this plugin, you can just add the image URL in the upload text box.
Q2. How to disable the image temporarily from the display?
In the admin we have a display option dropdown box in the add/edit page, set value to NO if you don’t want to show images in the website front end. and any time you change set back to YES to display the images.
Q3. How to display random images in the zoom?
Use the GROUP option in the short code, so that plugin automatically loads random one valid image from your admin and displays in the frontend.
Q4. How to change the width of the image?
In the admin, image add/edit page we have the option to enter image width. however we suggest to use AUTO option for the width, so that plugin so that plugin automatically displays the image as per the screen size.
Q5. How to set up the zoom image on widget?
If you want to add in the widget, you can drag and drop the Zoom image widget into your sidebar.