A ready to use jQuery image zooming plugin to present your
images in the highest detail without leaving the page.

Simply link to the JavaScript and CSS files and apply it to your
HTML element like other jQuery plugins. Customize the settings and
CSS to match your style and purpose. Full documentation and
examples included.

Please check the before purchasing.


  • Customizable by CSS and plugin options
  • Precise positioning of all elements based on your image
    dimensions and CSS
  • The small thumbnails are automatically generated, sized and
  • Low resolution preview (enlarged thumbnail) while downloading
    the zoomed image (except in IE)
  • Optional easing of the zoomed image movements
  • Optional autoplay
  • Optional descriptions/captions
  • Unlimited number of images
  • Align Etalage left/right, with the zoom area on the opposite
  • Small thumbnails can be positioned below or on the left/right
  • Multiple instances per page possible
  • Right-to-left language support
  • Optional external controls for previous/next/specific
  • Advanced: customizable callback functions
  • Works in all common browsers (and IE6)
  • Includes documentation and commented source files
  • Includes an “absolute basic” and 6 more example files to get
    you started

New in
version 1.3.4 (jun 2013)

  • New plugin option: show_begin_end_smallthumb (Whether to show
    extra thumbnails at the beginning and the end that navigate back to
    the end or beginning)
  • Fancybox example pages updated to support version 2+ of that
  • Minor performance improvements

New in
version 1.3.3 (feb 2013)

  • Option “smallthumbs_position” can now also be set to
  • Option “show_hint” is now
    falseby default
  • Added fix for unwanted wrapping small-thumb row usually caused
    by zoomed-in browsers
  • Bug fixed for when right-aligned small-thumbs didn’t scroll in
  • New example page: “Aligning” with samples of left/top/right
    aligning of small-thumbs
  • New example page: “External controls” to demonstrate how to
    fire Etalage actions from other elements
  • Minor performance improvements

New in
version 1.3.2 (2012/09/04)

  • Optimized for jQuery 1.8+ (deprecated ‘hover’ event, deprecated
    $.browser method, deprecated ‘load’ event)
  • .etalage() now returns the jquery object, so you can continue


  • Added support for Twitter Bootstrap (it messed with the Etalage
  • Moved callback functions to the plugin options object. Old
    method still works though. Example:

        click_callback(){ alert('omg'); },
        change_callback(){ alert('it moved'); }

    New in
    version 1.3.1 (2012/06/05)

    • Bug fix: When initializing multiple instances by class, the
      zoom area size differed.
    • Added right-to-left language support.
    • Added right-to-left example.
    • Added Fancybox without using Etalage’s zoom area example.
    • Added duplicate setups example.
    • Slight performance improvements.

    New in
    version 1.3 (2012/03/06):

    • Bug fix: Adding links to images now works properly
    • Bug fix: The loading image would sometimes keep showing when
      using a single image
    • New plugin option: smallthumb_select_on_hover (scroll through
      the small thumbnails when hovering them, instead of clicking
    • New plugin option: zoom_element (ability to supply your own
      element as a zoom area)
    • New plugin option: zoom_area_distance (was previously a CSS
    • New plugin option: hint_offset (was previously a CSS
    • New plugin option: icon_offset (was previously a CSS
    • New callback function: etalage_change_callback(image_number,
      instance_id), where image_number is the new active image
    • Added an example of using Etalage with Fancybox
    • Added an example of using callback functions
    • Added an example of using a custom zoom area element
    • Minor performance improvements and removal of depricated jquery

    New in
    version 1.21 (2011/09/04):

    • Fixed a bug with external controls when there were no small
      thumbnails out of range

    New in
    version 1.2 (2011/07/23):

    • Even more precise zoom image positioning.
    • Bug fixed where the description box would be stretched when
      positioned at the top.
    • Click callback function (Good for lightboxes or anything you
      want to happen on click).
    • Added plugin option “click_to_zoom”. When enabled, clicking the
      large thumbnail will initiate zooming (instead of hovering it).
      This does not go together with click-callback functions.
    • Added plugin option “smallthumbs_position”. The small
      thumbnails can now be positioned on the left or right of the large
      thumbnail (vertically).
    • Added plugin option “align”. The Etalage container can now be
      aligned to the right, with the zoom area on the left.
    • External functions for switching previous/next/to a specific
      image number.

    Note: You should also use the new CSS for this update if you
    are upgrading from a previous version (at least copy the
    “functional” section at the bottom; the personal styling section
    remains the same).

    New in
    version 1.1 (2011/04/24):

    • Added an optional description area overlaying the zoomed image.
      Pass the description text through the title attribute of the source

      <img class="etalage_source_image" src="" title="Put
      description here." />

    • Keyboard support (optional) (left/right arrow key will navigate
      to the previous/next image).
    • Bug in the zoom_easing plugin option fixed.
    • Various slight improvements
    • To update from the previous version; replace the
      “functionality” part and add the “Description area” section from
      the new CSS.

 Vote 419
 Rate 4.2
  0.0 USD
 View Demo

Download - Etalage

Download this file @ (