https://www.gradinita-gifted.ro/ifoto/jquery.fancybox-1.2.1.js

1/*
2 * FancyBox - simple and fancy jQuery plugin
3 * Examples and documentation at: http://fancy.klade.lv/
4 * Version: 1.2.1 (13/03/2009)
5 * copyright (c) 2009 Janis Skarnelis
6 * Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License
7 * Requires: jQuery v1.3+
8*/
9;(function($) {
10
11	$.fn.fixPNG = function() {
12		return this.each(function () {
13			var image = $(this).css('backgroundImage');
14
15			if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
16				image = RegExp.$1;
17				$(this).css({
18					'backgroundImage': 'none',
19					'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=" + ($(this).css('backgroundRepeat') == 'no-repeat' ? 'crop' : 'scale') + ", src='" + image + "')"
20				}).each(function () {
21					var position = $(this).css('position');
22					if (position != 'absolute' && position != 'relative')
23						$(this).css('position', 'relative');
24				});
25			}
26		});
27	};
28
29	var elem, opts, busy = false, imagePreloader = new Image, loadingTimer, loadingFrame = 1, imageRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i;
30	var isIE = ($.browser.msie && parseInt($.browser.version.substr(0,1)) < 8);
31
32	$.fn.fancybox = function(settings) {
33		settings = $.extend({}, $.fn.fancybox.defaults, settings);
34
35		var matchedGroup = this;
36
37		function _initialize() {
38			elem = this;
39			opts = settings;
40
41			_start();
42
43			return false;
44		};
45
46		function _start() {
47			if (busy) return;
48
49			if ($.isFunction(opts.callbackOnStart)) {
50				opts.callbackOnStart();
51			}
52
53			opts.itemArray		= [];
54			opts.itemCurrent	= 0;
55
56			if (settings.itemArray.length > 0) {
57				opts.itemArray = settings.itemArray;
58
59			} else {
60				var item = {};
61
62				if (!elem.rel || elem.rel == '') {
63					var item = {href: elem.href, title: elem.title};
64
65					if ($(elem).children("img:first").length) {
66						item.orig = $(elem).children("img:first");
67					}
68
69					opts.itemArray.push( item );
70
71				} else {
72					
73					var subGroup = $(matchedGroup).filter("a[rel=" + elem.rel + "]");
74
75					var item = {};
76
77					for (var i = 0; i < subGroup.length; i++) {
78						item = {href: subGroup[i].href, title: subGroup[i].title};
79
80						if ($(subGroup[i]).children("img:first").length) {
81							item.orig = $(subGroup[i]).children("img:first");
82						}
83
84						opts.itemArray.push( item );
85					}
86
87					while ( opts.itemArray[ opts.itemCurrent ].href != elem.href ) {
88						opts.itemCurrent++;
89					}
90				}
91			}
92
93			if (opts.overlayShow) {
94				if (isIE) {
95					$('embed, object, select').css('visibility', 'hidden');
96				}
97
98				$("#fancy_overlay").css('opacity', opts.overlayOpacity).show();
99			}
100
101			_change_item();
102		};
103
104		function _change_item() {
105			$("#fancy_right, #fancy_left, #fancy_close, #fancy_title").hide();
106
107			var href = opts.itemArray[ opts.itemCurrent ].href;
108
109			if (href.match(/#/)) {
110				var target = window.location.href.split('#')[0]; target = href.replace(target, ''); target = target.substr(target.indexOf('#'));
111
112				_set_content('<div id="fancy_div">' + $(target).html() + '</div>', opts.frameWidth, opts.frameHeight);
113
114			} else if (href.match(imageRegExp)) {
115				imagePreloader = new Image; imagePreloader.src = href;
116
117				if (imagePreloader.complete) {
118					_proceed_image();
119
120				} else {
121					$.fn.fancybox.showLoading();
122
123					$(imagePreloader).unbind().bind('load', function() {
124						$(".fancy_loading").hide();
125
126						_proceed_image();
127					});
128				}
129
130			 } else if (href.match("iframe") || elem.className.indexOf("iframe") >= 0) {
131				_set_content('<iframe id="fancy_frame" onload="$.fn.fancybox.showIframe()" name="fancy_iframe' + Math.round(Math.random()*1000) + '" frameborder="0" hspace="0" src="' + href + '"></iframe>', opts.frameWidth, opts.frameHeight);
132
133			} else {
134				$.get(href, function(data) {
135					_set_content( '<div id="fancy_ajax">' + data + '</div>', opts.frameWidth, opts.frameHeight );
136				});
137			}
138		};
139
140		function _proceed_image() {
141			if (opts.imageScale) {
142				var w = $.fn.fancybox.getViewport();
143
144				var r = Math.min(Math.min(w[0] - 36, imagePreloader.width) / imagePreloader.width, Math.min(w[1] - 60, imagePreloader.height) / imagePreloader.height);
145
146				var width = Math.round(r * imagePreloader.width);
147				var height = Math.round(r * imagePreloader.height);
148
149			} else {
150				var width = imagePreloader.width;
151				var height = imagePreloader.height;
152			}
153
154			_set_content('<img alt="" id="fancy_img" src="' + imagePreloader.src + '" />', width, height);
155		};
156
157		function _preload_neighbor_images() {
158			if ((opts.itemArray.length -1) > opts.itemCurrent) {
159				var href = opts.itemArray[opts.itemCurrent + 1].href;
160
161				if (href.match(imageRegExp)) {
162					objNext = new Image();
163					objNext.src = href;
164				}
165			}
166
167			if (opts.itemCurrent > 0) {
168				var href = opts.itemArray[opts.itemCurrent -1].href;
169
170				if (href.match(imageRegExp)) {
171					objNext = new Image();
172					objNext.src = href;
173				}
174			}
175		};
176
177		function _set_content(value, width, height) {
178			busy = true;
179
180			var pad = opts.padding;
181
182			if (isIE) {
183				$("#fancy_content")[0].style.removeExpression("height");
184				$("#fancy_content")[0].style.removeExpression("width");
185			}
186
187			if (pad > 0) {
188				width	+= pad * 2;
189				height	+= pad * 2;
190
191				$("#fancy_content").css({
192					'top'		: pad + 'px',
193					'right'		: pad + 'px',
194					'bottom'	: pad + 'px',
195					'left'		: pad + 'px',
196					'width'		: 'auto',
197					'height'	: 'auto'
198				});
199
200				if (isIE) {
201					$("#fancy_content")[0].style.setExpression('height',	'(this.parentNode.clientHeight - 20)');
202					$("#fancy_content")[0].style.setExpression('width',		'(this.parentNode.clientWidth - 20)');
203				}
204
205			} else {
206				$("#fancy_content").css({
207					'top'		: 0,
208					'right'		: 0,
209					'bottom'	: 0,
210					'left'		: 0,
211					'width'		: '100%',
212					'height'	: '100%'
213				});
214			}
215
216			if ($("#fancy_outer").is(":visible") && width == $("#fancy_outer").width() && height == $("#fancy_outer").height()) {
217				$("#fancy_content").fadeOut("fast", function() {
218					$("#fancy_content").empty().append($(value)).fadeIn("normal", function() {
219						_finish();
220					});

221				});
222
223				return;
224			}
225
226			var w = $.fn.fancybox.getViewport();
227
228			var itemLeft	= (width + 36)	> w[0] ? w[2] : (w[2] + Math.round((w[0] - width - 36) / 2));
229			var itemTop		= (height + 50)	> w[1] ? w[3] : (w[3] + Math.round((w[1] - height - 50) / 2));
230
231			var itemOpts = {
232				'left':		itemLeft,
233				'top':		itemTop,
234				'width':	width + 'px',
235				'height':	height + 'px'
236			};
237
238			if ($("#fancy_outer").is(":visible")) {
239				$("#fancy_content").fadeOut("normal", function() {
240					$("#fancy_content").empty();
241					$("#fancy_outer").animate(itemOpts, opts.zoomSpeedChange, opts.easingChange, function() {
242						$("#fancy_content").append($(value)).fadeIn("normal", function() {
243							_finish();
244						});
245					});
246				});
247
248			} else {
249
250				if (opts.zoomSpeedIn > 0 && opts.itemArray[opts.itemCurrent].orig !== undefined) {
251					$("#fancy_content").empty().append($(value));
252
253					var orig_item	= opts.itemArray[opts.itemCurrent].orig;
254					var orig_pos	= $.fn.fancybox.getPosition(orig_item);
255
256					$("#fancy_outer").css({
257						'left':		(orig_pos.left - 18) + 'px',
258						'top':		(orig_pos.top  - 18) + 'px',
259						'width':	$(orig_item).width(),
260						'height':	$(orig_item).height()
261					});
262
263					if (opts.zoomOpacity) {
264						itemOpts.opacity = 'show';
265					}
266
267					$("#fancy_outer").animate(itemOpts, opts.zoomSpeedIn, opts.easingIn, function() {
268						_finish();
269					});
270
271				} else {
272
273					$("#fancy_content").hide().empty().append($(value)).show();
274					$("#fancy_outer").css(itemOpts).fadeIn("normal", function() {
275						_finish();
276					});
277				}
278			}
279		};
280
281		function _set_navigation() {
282			if (opts.itemCurrent != 0) {
283				$("#fancy_left, #fancy_left_ico").unbind().bind("click", function(e) {
284					e.stopPropagation();
285
286					opts.itemCurrent--;
287					_change_item();
288
289					return false;
290				});
291
292				$("#fancy_left").show();
293			}
294
295			if (opts.itemCurrent != ( opts.itemArray.length -1)) {
296				$("#fancy_right, #fancy_right_ico").unbind().bind("click", function(e) {
297					e.stopPropagation();
298
299					opts.itemCurrent++;
300					_change_item();
301
302					return false;
303				});
304
305				$("#fancy_right").show();
306			}
307		};
308
309		function _finish() {
310			_set_navigation();
311
312			_preload_neighbor_images();
313
314			$(document).keydown(function(e) {
315				if (e.keyCode == 27) {
316					$.fn.fancybox.close();
317					$(document).unbind("keydown");
318
319				} else if(e.keyCode == 37 && opts.itemCurrent != 0) {
320					opts.itemCurrent--;
321					_change_item();
322					$(document).unbind("keydown");
323
324				} else if(e.keyCode == 39 && opts.itemCurrent != (opts.itemArray.length - 1)) {
325 					opts.itemCurrent++;
326					_change_item();
327					$(document).unbind("keydown");
328				}
329			});
330
331			if (opts.centerOnScroll) {
332				$(window).bind("resize scroll", $.fn.fancybox.scrollBox);
333			} else {
334				$("div#fancy_outer").css("position", "absolute");
335			}
336
337			if (opts.hideOnContentClick) {
338				$("#fancy_wrap").click($.fn.fancybox.close);
339			}
340
341			$("#fancy_overlay, #fancy_close").bind("click", $.fn.fancybox.close);
342
343			$("#fancy_close").show();
344
345			if (opts.itemArray[ opts.itemCurrent ].title !== undefined && opts.itemArray[ opts.itemCurrent ].title.length > 0) {
346				$('#fancy_title div').html(opts.itemArray[ opts.itemCurrent ].title);
347				$('#fancy_title').show();
348			}
349
350			if (opts.overlayShow && isIE) {
351				$('embed, object, select', $('#fancy_content')).css('visibility', 'visible');
352			}
353
354			if ($.isFunction(opts.callbackOnShow)) {
355				opts.callbackOnShow();
356			}
357
358			busy = false;
359		};
360
361		return this.unbind('click').click(_initialize);
362	};
363
364	$.fn.fancybox.scrollBox = function() {
365		var pos = $.fn.fancybox.getViewport();
366
367		$("#fancy_outer").css('left', (($("#fancy_outer").width()	+ 36) > pos[0] ? pos[2] : pos[2] + Math.round((pos[0] - $("#fancy_outer").width()	- 36)	/ 2)));
368		$("#fancy_outer").css('top',  (($("#fancy_outer").height()	+ 50) > pos[1] ? pos[3] : pos[3] + Math.round((pos[1] - $("#fancy_outer").height()	- 50)	/ 2)));
369	};
370
371	$.fn.fancybox.getNumeric = function(el, prop) {
372		return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0;
373	};
374
375	$.fn.fancybox.getPosition = function(el) {
376		var pos = el.offset();
377
378		pos.top	+= $.fn.fancybox.getNumeric(el, 'paddingTop');
379		pos.top	+= $.fn.fancybox.getNumeric(el, 'borderTopWidth');
380
381		pos.left += $.fn.fancybox.getNumeric(el, 'paddingLeft');
382		pos.left += $.fn.fancybox.getNumeric(el, 'borderLeftWidth');
383
384		return pos;
385	};
386
387	$.fn.fancybox.showIframe = function() {
388		$(".fancy_loading").hide();
389		$("#fancy_frame").show();
390	};
391
392	$.fn.fancybox.getViewport = function() {
393		return [$(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ];
394	};
395
396	$.fn.fancybox.animateLoading = function() {
397		if (!$("#fancy_loading").is(':visible')){
398			clearInterval(loadingTimer);
399			return;
400		}
401
402		$("#fancy_loading > div").css('top', (loadingFrame * -40) + 'px');
403
404		loadingFrame = (loadingFrame + 1) % 12;
405	};
406
407	$.fn.fancybox.showLoading = function() {
408		clearInterval(loadingTimer);
409
410		var pos = $.fn.fancybox.getViewport();
411
412		$("#fancy_loading").css({'left': ((pos[0] - 40) / 2 + pos[2]), 'top': ((pos[1] - 40) / 2 + pos[3])}).show();
413		$("#fancy_loading").bind('click', $.fn.fancybox.close);
414
415		loadingTimer = setInterval($.fn.fancybox.animateLoading, 66);
416	};
417
418	$.fn.fancybox.close = function() {
419		busy = true;
420		
421		$("#fancy_ajax").empty();
422		
423		$(imagePreloader).unbind();
424
425		$("#fancy_overlay, #fancy_close").unbind();
426
427		if (opts.hideOnContentClick) {
428			$("#fancy_wrap").unbind();
429		}
430
431		$("#fancy_close, .fancy_loading, #fancy_left, #fancy_right, #fancy_title").hide();
432
433		if (opts.centerOnScroll) {
434			$(window).unbind("resize scroll");
435		}
436
437		__cleanup = function() {
438			$("#fancy_overlay, #fancy_outer").hide();
439
440			if (opts.centerOnScroll) {
441				$(window).unbind("resize scroll");
442			}
443
444			if (isIE) {
445				$('embed, object, select').css('visibility', 'visible');
446			}
447
448			if ($.isFunction(opts.callbackOnClose)) {
449				opts.callbackOnClose();
450			}
451
452			busy = false;
453		};
454
455		if ($("#fancy_outer").is(":visible") !== false) {
456			if (opts.zoomSpeedOut > 0 && opts.itemArray[opts.itemCurrent].orig !== undefined) {
457				var orig_item	= opts.itemArray[opts.itemCurrent].orig;
458				var orig_pos	= $.fn.fancybox.getPosition(orig_item);
459
460				var itemOpts = {
461					'left':		(orig_pos.left - 18) + 'px',
462					'top': 		(orig_pos.top  - 18) + 'px',
463					'width':	$(orig_item).width(),
464					'height':	$(orig_item).height()
465				};
466
467				if (opts.zoomOpacity) {
468					itemOpts.opacity = 'hide';
469				}
470
471				$("#fancy_outer").stop(false, true).animate(itemOpts, opts.zoomSpeedOut, opts.easingOut, __cleanup);
472
473			} else {
474				$("#fancy_outer").stop(false, true).fadeOut("fast", __cleanup);
475			}
476
477		} else {
478			__cleanup();
479		}
480
481		return false;
482	};
483
484	$.fn.fancybox.build = function() {
485		var html = '';
486
487		html += '<div id="fancy_overlay"></div>';
488
489		html += '<div id="fancy_wrap">';
490
491		html += '<div class="fancy_loading" id="fancy_loading"><div></div></div>';
492
493		html += '<div id="fancy_outer">';
494
495		html += '<div id="fancy_inner">';
496
497		html += '<div id="fancy_close"></div>';
498
499		html +=  '<div id="fancy_bg"><div class="fancy_bg fancy_bg_n"></div><div class="fancy_bg fancy_bg_ne"></div><div class="fancy_bg fancy_bg_e"></div><div class="fancy_bg fancy_bg_se"></div><div class="fancy_bg fancy_bg_s"></div><div class="fancy_bg fancy_bg_sw"></div><div class="fancy_bg fancy_bg_w"></div><div class="fancy_bg fancy_bg_nw"></div></div>';
500
501		html +=  '<a href="javascript:;" id="fancy_left"><span class="fancy_ico" id="fancy_left_ico"></span></a><a href="javascript:;" id="fancy_right"><span class="fancy_ico" id="fancy_right_ico"></span></a>';
502
503		html += '<div id="fancy_content"></div>';
504
505		html +=  '<div id="fancy_title"></div>';
506
507		html += '</div>';
508
509		html += '</div>';
510
511		html += '</div>';
512
513		$(html).appendTo("body");
514
515		$('<table cellspacing="0" cellpadding="0" border="0"><tr><td class="fancy_title" id="fancy_title_left"></td><td class="fancy_title" id="fancy_title_main"><div></div></td><td class="fancy_title" id="fancy_title_right"></td></tr></table>').appendTo('#fancy_title');
516
517		if (isIE) {
518			$("#fancy_inner").prepend('<iframe class="fancy_bigIframe" scrolling="no" frameborder="0"></iframe>');
519			$("#fancy_close, .fancy_bg, .fancy_title, .fancy_ico").fixPNG();
520		}
521	};
522
523	$.fn.fancybox.defaults = {
524		padding				:	10,
525		imageScale			:	true,
526		zoomOpacity			:	false,
527		zoomSpeedIn			:	0,
528		zoomSpeedOut		:	0,
529		zoomSpeedChange		:	300,
530		easingIn			:	'swing',
531		easingOut			:	'swing',
532		easingChange		:	'swing',
533		frameWidth			:	425,
534		frameHeight			:	355,
535		overlayShow			:	true,
536		overlayOpacity		:	0.3,
537		hideOnContentClick	:	true,
538		centerOnScroll		:	true,
539		itemArray			:	[],
540		callbackOnStart		:	null,
541		callbackOnShow		:	null,
542		callbackOnClose		:	null
543	};
544
545	$(document).ready(function() {
546		$.fn.fancybox.build();
547	});
548
549})(jQuery);