A prepared to make use of jQuery picture zooming plugin to current your pictures within the highest element with out leaving the web page.
Full documentation and examples included.
Please verify the FAQ earlier than buying.
- Customizable by CSS and plugin choices
- Exact positioning of all components based mostly in your picture dimensions and CSS
- The small thumbnails are routinely generated, sized and positioned
- Low decision preview (enlarged thumbnail) whereas downloading the zoomed picture (besides in IE)
- Optionally available easing of the zoomed picture actions
- Optionally available autoplay
- Optionally available descriptions/captions
- Limitless variety of pictures
- Align Etalage left/proper, with the zoom space on the other facet
- Small thumbnails could be positioned under or on the left/proper (vertically)
- A number of cases per web page attainable
- Proper-to-left language assist
- Optionally available exterior controls for earlier/subsequent/particular picture
- Superior: customizable callback features
- Works in all widespread browsers (and IE6)
- Consists of documentation and commented supply information
- Consists of an “absolute fundamental” and 6 extra instance information to get you began
New in model 1.three.four (jun 2013)
- New plugin choice: show_begin_end_smallthumb (Whether or not to point out further thumbnails at first and the top that navigate again to the top or starting)
- Fancybox instance pages up to date to assist model 2+ of that plugin.
- Minor efficiency enhancements
New in model 1.three.three (feb 2013)
- Possibility “smallthumbs_position” can now even be set to prime
- Possibility “show_hint” is now false by default
- Added repair for undesirable wrapping small-thumb row normally brought on by zoomed-in browsers
- Bug fastened for when right-aligned small-thumbs didn’t scroll in Firefox
- New instance web page: “Aligning” with samples of left/prime/proper aligning of small-thumbs
- New instance web page: “Exterior controls” to exhibit how you can fireplace Etalage actions from different components
- Minor efficiency enhancements
New in model 1.three.2 (2012/09/04)
- Optimized for jQuery 1.eight+ (deprecated ‘hover’ occasion, deprecated $.browser technique, deprecated ‘load’ occasion)
- .etalage() now returns the jquery object, so you possibly can proceed chaining
- Added assist for Twitter Bootstrap (it messed with the Etalage CSS)
Moved callback features to the plugin choices object. Outdated technique nonetheless works although. Instance:
$('#etalage').etalage( click_callback() alert('omg'); , change_callback() alert('it moved'); );
New in model 1.three.1 (2012/06/05)
- Bug repair: When initializing a number of cases by class, the zoom space dimension differed.
- Added right-to-left language assist.
- Added right-to-left instance.
- Added Fancybox with out utilizing Etalage’s zoom space instance.
- Added duplicate setups instance.
- Slight efficiency enhancements.
New in model 1.three (2012/03/06):
- Bug repair: Including hyperlinks to pictures now works correctly
- Bug repair: The loading picture would typically hold displaying when utilizing a single picture
- New plugin choice: smallthumb_select_on_hover (scroll by means of the small thumbnails when hovering them, as a substitute of clicking them)
- New plugin choice: zoom_element (means to produce your individual ingredient as a zoom space)
- New plugin choice: zoom_area_distance (was beforehand a CSS setting)
- New plugin choice: hint_offset (was beforehand a CSS setting)
- New plugin choice: icon_offset (was beforehand a CSS setting)
- New callback operate: etalage_change_callback(image_number, instance_id), the place image_number is the brand new lively picture
- Added an instance of utilizing Etalage with Fancybox
- Added an instance of utilizing callback features
- Added an instance of utilizing a customized zoom space ingredient
- Minor efficiency enhancements and elimination of depricated jquery features
New in model 1.21 (2011/09/04):
- Mounted a bug with exterior controls when there have been no small thumbnails out of vary
New in model 1.2 (2011/07/23):
- Much more exact zoom picture positioning.
- Bug fastened the place the outline field could be stretched when positioned on the prime.
- Click on callback operate (Good for lightboxes or something you wish to occur on click on).
- Added plugin choice “click_to_zoom”. When enabled, clicking the massive thumbnail will provoke zooming (as a substitute of hovering it). This doesn’t go along with click-callback features.
- Added plugin choice “smallthumbs_position”. The small thumbnails can now be positioned on the left or proper of the massive thumbnail (vertically).
- Added plugin choice “align”. The Etalage container can now be aligned to the fitting, with the zoom space on the left.
- Exterior features for switching earlier/subsequent/to a selected picture quantity.
Observe: You must also use the brand new CSS for this replace in case you are upgrading from a earlier model (not less than copy the “practical” part on the backside; the private styling part stays the identical).
New in model 1.1 (2011/04/24):
- Added an non-compulsory description space overlaying the zoomed picture. Cross the outline textual content by means of the title attribute of the supply picture:
<img class="etalage_source_image" src="" title="Put description right here." />
- Keyboard assist (non-compulsory) (left/proper arrow key will navigate to the earlier/subsequent picture).
- Bug within the zoom_easing plugin choice fastened.
- Varied slight enhancements
To replace from the earlier model; substitute the “performance” half and add the “Description space” part from the brand new CSS.