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.