An unexpected error occurred. Please try again later.

HTML5 Image Zoomer

Image zoomer component, based in jQuery adds zoom-in functionality to any image. Resizeable zoom window, zoom level, popup custom position and more!

Image zoomer component, based in jQuery adds zoom-in functionality to any image. Resizeable zoom window, zoom level, popup custom position and more!


HTML5 Image Zoomer can be really useful for showing large images on your website with limited space. This is very useful if you have large images that will otherwise take up too much space. It's great to use on product images, photos, or other images with lots of details which you want show to your users. With our component you can add zoom-in functionality to any image, adjust magnifier appearance and different zoom options. Let's you view a magnified portion of any image upon moving your mouse over it. You can specify position of the popup window over your page where you want or zoom position can be inside the smaller image, useful if you want not to obscure any other content. This component also provides built-in image preloading. The magnification power can be adjusted on the fly by turning the mouse wheel back or forth. As an option you can also add your thumbs with other images to create a kind of zoom gallery. There is no need to tune it up through CSS to match your site's theme, everything is realized through User Interface, so can be easily styled to fit perfectly your site and design. Player compatible with all modern browsers, platforms and also search engine friendly. Component is ready to work as soon as it appears on a page and is fast to respond. Using the user-friendly interface, you can adjust colors, fonts, sizes, spacing and wide range of other options according to your taste.


- Customization
There is no need to dig into CSS files to make some changes in zoomer style. Build your own unique appearance by simply editing the default, through User Inerface, without coding any JavaScript and CSS code at all.

- Smooth zoom movement
The movement smoothness can be set to different values for a gentle drifting effect.

- Inner zoom
Zoom window can be inside the smaller image, in order not to obscure page content.

- Adjustable zoom window
Popup custom position, fadein and fadeout effects.

- Magnification level
Set up initial zoom level of the image and set zoom step.

- Mousewheel
The user can toggle the zoom level by using the mousewheel.

- Draggable
You can click and drag the lens to select zoom area.

- Magnifying lens
Magnifying lens that appears over the image lets the user zoom in on any portion of it as it follows the cursor around.

- Add thumbnails (optionally)
Option to add thumbs in order to create even gallery.

- SEO-friendly
All content is easily accessible to search engines and markup is semantically correct to help you achieve the best possible SEO results.



1.0.3 - Cumulative update (fixed different bugs), includes previous versions.
1.0.4 - Improvement in the Wizard (User Interface).
1.0.5 - fixed insert into template-based page.
1.0.6 - extension includes timestamp signature.
1.0.7 - extension update.

Dreamweaver CS3-CS6 Users! Please contact us via email: support@solutions4website.com in order to get the extension for your Dreamweaver version and don't forget to attach your Adobe receipt!

You can access this extension through Insert > Solutions4Website > HTML5 Image Zoomer.

For a Help section, on-line demos and more information about the extension you can click here:

More By This Producer: