/**
*
* Zoomimage
* Author: Stefan Petre www.eyecon.ro
*
*/
(function($){
EYE.extend({
zoomimage: {
libs: {},
types: /\.jpg|\.jpeg|\.png|\.gif|\.bmp/g,
current: null,
moved: false,
pointer: {x:0,y:0},
diff: {x:0, y:0},
trackKey: false,
//default options (many options are controled via CSS)
defaults: {
opacity: 0.3, //caption opacity
border: 0, // border arround the image
shadow: 6, // shadow size
duration: 300, // animation duration
prevent: 14, // pixels to move the mouse before the image is dragged
controls: true, // display controls
caption: true, // display caption
hideSource: false,
centered: false,
className: false,
onLoad: function(){return false},
beforeZoomIn: function(){return false},
onZoomIn: function(){return false},
beforeZoomOut: function(){return false},
onZoomOut: function(){return false},
onFocus: function(){return false},
controlsTrigger: 'focus',
easing: 'linear',
preload: 'click'
},
// the template for the image's box
template: [
'',
'
',
'
![]()
',
'
',
'
',
'
',
'
' + titleAttr + '
');
if (el.zoomimageCfg.preload == 'load') {
EYE.zoomimage.preload(el);
}
if (EYE.zoomimage.trackKey === false) {
EYE.zoomimage.trackKey = true;
$(document).bind('keydown', EYE.zoomimage.keyPressed);
}
}
});
}
}
});
$.fn.extend({
/**
* Open all images found in 'href' attribute from each element specified in the selection. The images are grouped in galleries. The images are preloaded before any user interation.
* @name zoomimage
* @description Open all images found in 'href' attribute from each element specified in the selection. The images are grouped in galleries
* @param Hash options A hash of parameters. All parameters are optional.
* @option float opacity The opacity for the caption and controls. Default: 0.3
* @option int border Image's border. Default: 0
* @option int duration Animation duration. Default 300
* @option int prevent Pixes to move the mouse before the images is dragged (prevents accidental dragging). Default: 14
* @option boolean controls Whatever if the controls are displayed (if the image is not part of an libriry then the controls are not displayed)
* @option boolean caption Whatever if the caption is displayed (the caption text is the text from 'title' atribute. Default: true
* @option boolean centered Whatever if the image should be centered in the viewport or to the trigger. Default: false
* @option string easing Animation easing. Default: linear
* @option boolean hideSource Whatever to hide source when the image is opened. Default: false
* @option string className CSS class to add to image's box. Default: false
* @option string controlsTrigger 'focus' to show caption and controls when the box is focused or 'mouseover' to show controls and caption on mouse over. Default: 'focus'
* @option string preload 'click' to preload the image when the trigger is clicked or 'load' to preload the image on document load. Default: 'click'
* @option function onLoad Callback function triggered when the image was loaded
* @option function beforeZoomIn Callback function triggered before the image is zoomed in
* @option function onZoomIn Callback function triggered when the image is zooms in
* @option function beforeZoomOut Callback function triggered before the image is zoomed out
* @option function onZoomOut Callback function triggered when the image is zooms out
* @option function onFocus Callback function triggered when the image is focused
*/
zoomimage: EYE.zoomimage.init,
/**
* Zooms out all opened images and removes orphans (when the trigger was not found)
* To clear specific images use for slector 'div.zooimage[whatever]', else all the images are processed
*/
zoomimageClear: EYE.zoomimage.clear
});
})(jQuery);