HTML5 Image Zoomer
PREV
NEXT
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. The installation package contains the Dreamweaver extension (JQImageZoomer.mxp), providing you the ability to easily create high-impact, HTML5-powered zoomer, all in Dreamweaver CS3, CS4, CS5 or CS6. Using the user-friendly user interface, you can adjust colors, fonts, sizes, spacing and wide range of other options according to your taste.
Features
- 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.
- Dreamweaver integration
Installation package contains Dreamweaver extension (JQImageZoomer.mxp). Dreamweaver extension allows you to easily create HTML5 zoomer. Extension has user friendly interface.
- W3C Valid (X)HTML
The extension inserts code which is fully W3C valid.
Requirements
Os: Win | Mac
Browsers: Internet Explorer | Netscape | Mozilla Firefox | Opera | Safari | Google Chrome
Compatible Product(s): Dreamweaver CS6, CS5, CS4, CS3
Technologies: HTML | JavaScript | jQuery | CSS | XML
Help and support
If you have any troubles with extension, please contact: http://www.flashdevelopment24.com/contacts.aspx or email support@flashdevelopment24.com.