Free javascript Hosting


modified 2-jquery.fancybox-1.2.3.js

Uploaded on Nov 05 2009 03:48 by my_window_in_the_world

/*
* FancyBox - jQuery Plugin
* simple and fancy lightbox alternative
*
* Copyright (c) 2009 Janis Skarnelis
* Examples and documentation at: http://fancybox.net
*
* Version: 1.2.3 (30/10/2009)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/

;(function($) {
$.fn.fixPNG = function() {
return this.each(function () {
var image = $(this).css('backgroundImage');

if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
image = RegExp.$1;
$(this).css({
'backgroundImage': 'none',
'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=" + ($(this).css('backgroundRepeat') == 'no-repeat' ? 'crop' : 'scale') + ", src='" + image + "')"
}).each(function () {
var position = $(this).css('position');
if (position != 'absolute' && position != 'relative')
$(this).css('position', 'relative');
});
}
});
};

var elem, opts, busy = false, imagePreloader = new Image, loadingTimer, loadingFrame = 1, imageRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i;
var oldIE = ($.browser.msie && parseInt($.browser.version.substr(0,1)) < 8);

$.fn.fancybox = function(o) {
var settings = $.extend({}, $.fn.fancybox.defaults, o);
var matchedGroup = this;

function _initialize() {
elem = this;
opts = $.extend({}, settings);

_start();

return false;
};

function _start() {
if (busy) return;

if ($.isFunction(opts.callbackOnStart)) {
opts.callbackOnStart();
}

opts.itemArray = [];
opts.itemCurrent = 0;

if (settings.itemArray.length > 0) {
opts.itemArray = settings.itemArray;

} else {
var item = {};

if (!elem.rel || elem.rel == '') {
var item = {href: elem.href, title: elem.title};

if ($(elem).children("img:first").length) {
item.orig = $(elem).children("img:first");
} else {
item.orig = $(elem);
}

if (item.title == '' || typeof item.title == 'undefined') {
item.title = item.orig.attr('alt');
}

opts.itemArray.push( item );

} else {
var subGroup = $(matchedGroup).filter("a[rel=" + elem.rel + "]");
var item = {};

for (var i = 0; i < subGroup.length; i++) {
item = {href: subGroup[i].href, title: subGroup[i].title};

if ($(subGroup[i]).children("img:first").length) {
item.orig = $(subGroup[i]).children("img:first");
} else {
item.orig = $(subGroup[i]);
}

if (item.title == '' || typeof item.title == 'undefined') {
item.title = item.orig.attr('alt');
}

opts.itemArray.push( item );
}
}
}

while ( opts.itemArray[ opts.itemCurrent ].href != elem.href ) {
opts.itemCurrent++;
}

if (opts.overlayShow) {
if (oldIE) {
$('embed, object, select').css('visibility', 'hidden');
}

$("#fancy_overlay").css({
'height' : $(document).height(),
'background-color' : opts.overlayColor,
'opacity' : opts.overlayOpacity
}).show();
}

_change_item();
};

function _change_item() {
$("#fancy_right, #fancy_left, #fancy_close, #fancy_title").hide();

var href = opts.itemArray[ opts.itemCurrent ].href;

if (href.match("iframe") || elem.className.indexOf("iframe") >= 0) {
$.fn.fancybox.showLoading();
_set_content('<iframe id="fancy_frame" onload="jQuery.fn.fancybox.showIframe()" name="fancy_iframe' + Math.round(Math.random()*1000) + '" frameborder="0" hspace="0" src="' + href + '"></iframe>', opts.frameWidth, opts.frameHeight);

} else if (href.match(/#/)) {
var target = window.location.href.split('#')[0]; target = href.replace(target, ''); target = target.substr(target.indexOf('#'));

_set_content('<div id="fancy_div">' + $(target).html() + '</div>', opts.frameWidth, opts.frameHeight);

} else if (href.match(imageRegExp)) {
imagePreloader = new Image; imagePreloader.src = href;

if (imagePreloader.complete) {
_proceed_image();

} else {
$.fn.fancybox.showLoading();
$(imagePreloader).unbind().bind('load', function() {
$("#fancy_loading").hide();

_proceed_image();
});
}
} else {
$.fn.fancybox.showLoading();
$.get(href, function(data) {
$("#fancy_loading").hide();
_set_content( '<div id="fancy_ajax">' + data + '</div>', opts.frameWidth, opts.frameHeight );
});
}
};

function _proceed_image() {
var width = imagePreloader.width;
var height = imagePreloader.height;

var horizontal_space = (opts.padding * 2) + 40;
var vertical_space = (opts.padding * 2) + 60;

var w = $.fn.fancybox.getViewport();

if (opts.imageScale && (width > (w[0] - horizontal_space) || height > (w[1] - vertical_space))) {
var ratio = Math.min(Math.min(w[0] - horizontal_space, width) / width, Math.min(w[1] - vertical_space, height) / height);

width = Math.round(ratio * width);
height = Math.round(ratio * height);
}

_set_content('<img alt="" id="fancy_img" src="' + imagePreloader.src + '" />', width, height);
};

function _preload_neighbor_images() {
if ((opts.itemArray.length -1) > opts.itemCurrent) {
var href = opts.itemArray[opts.itemCurrent + 1].href;

if (href.match(imageRegExp)) {
objNext = new Image();
objNext.src = href;
}
}

if (opts.itemCurrent > 0) {
var href = opts.itemArray[opts.itemCurrent -1].href;

if (href.match(imageRegExp)) {
objNext = new Image();
objNext.src = href;
}
}
};

function _set_content(value, width, height) {
busy = true;

var pad = opts.padding;

if (oldIE) {
$("#fancy_content")[0].style.removeExpression("height");
$("#fancy_content")[0].style.removeExpression("width");
}

if (pad > 0) {
width += pad * 2;
height += pad * 2;

$("#fancy_content").css({
'top' : pad + 'px',
'right' : pad + 'px',
'bottom' : pad + 'px',
'left' : pad + 'px',
'width' : 'auto',
'height' : 'auto'
});

if (oldIE) {
$("#fancy_content")[0].style.setExpression('height', '(this.parentNode.clientHeight - ' + pad * 2 + ')');
$("#fancy_content")[0].style.setExpression('width', '(this.parentNode.clientWidth - ' + pad * 2 + ')');
}
} else {
$("#fancy_content").css({
'top' : 0,
'right' : 0,
'bottom' : 0,
'left' : 0,
'width' : '100%',
'height' : '100%'
});
}

if ($("#fancy_outer").is(":visible") && width == $("#fancy_outer").width() && height == $("#fancy_outer").height()) {
$("#fancy_content").fadeOut("fast", function() {
$("#fancy_content").empty().append($(value)).fadeIn("normal", function() {
_finish();
});
});

return;
}

var w = $.fn.fancybox.getViewport();

var itemTop = (height + 60) > w[1] ? w[3] : (w[3] + Math.round((w[1] - height - 60) / 2));
var itemLeft = (width + 40) > w[0] ? w[2] : (w[2] + Math.round((w[0] - width - 40) / 2));

var itemOpts = {
'left': itemLeft,
'top': itemTop,
'width': width + 'px',
'height': height + 'px'
};

if ($("#fancy_outer").is(":visible")) {
$("#fancy_content").fadeOut("normal", function() {
$("#fancy_content").empty();
$("#fancy_outer").animate(itemOpts, opts.zoomSpeedChange, opts.easingChange, function() {
$("#fancy_content").append($(value)).fadeIn("normal", function() {
_finish();
});
});
});

} else {

if (opts.zoomSpeedIn > 0 && opts.itemArray[opts.itemCurrent].orig !== undefined) {
$("#fancy_content").empty().append($(value));

var orig_item = opts.itemArray[opts.itemCurrent].orig;
var orig_pos = $.fn.fancybox.getPosition(orig_item);

$("#fancy_outer").css({
'left': (orig_pos.left - 20 - opts.padding) + 'px',
'top': (orig_pos.top - 20 - opts.padding) + 'px',
'width': $(orig_item).width() + (opts.padding * 2),
'height': $(orig_item).height() + (opts.padding * 2)
});

if (opts.zoomOpacity) {
itemOpts.opacity = 'show';
}

$("#fancy_outer").animate(itemOpts, opts.zoomSpeedIn, opts.easingIn, function() {
_finish();
});

} else {

$("#fancy_content").hide().empty().append($(value)).show();
$("#fancy_outer").css(itemOpts).fadeIn("normal", function() {
_finish();
});
}
}
};

function _set_navigation() {
if (opts.itemCurrent != 0) {
$("#fancy_left, #fancy_left_ico").unbind().bind("click", function(e) {
e.stopPropagation();

opts.itemCurrent--;
_change_item();

return false;
});

$("#fancy_left").show();
}

if (opts.itemCurrent != ( opts.itemArray.length -1)) {
$("#fancy_right, #fancy_right_ico").unbind().bind("click", function(e) {
e.stopPropagation();

opts.itemCurrent++;
_change_item();

return false;
});

$("#fancy_right").show();
}
};

function _finish() {
_set_navigation();

_preload_neighbor_images();

$(document).bind("keydown.fb", function(e) {
if (opts.showCloseButton && e.keyCode == 27) {
$.fn.fancybox.close();

} else if(e.keyCode == 37 && opts.itemCurrent != 0) {
$(document).unbind("keydown.fb");
opts.itemCurrent--;
_change_item();


} else if(e.keyCode == 39 && opts.itemCurrent != (opts.itemArray.length - 1)) {
$(document).unbind("keydown.fb");
opts.itemCurrent++;
_change_item();
}
});

if (opts.centerOnScroll) {
$(window).bind("resize.fb scroll.fb", $.fn.fancybox.scrollBox);
} else {
$("div#fancy_outer").css("position", "absolute");
}

if (opts.hideOnContentClick) {
$("#fancy_content").click($.fn.fancybox.close);
}

if (opts.overlayShow && opts.hideOnOverlayClick) {
$("#fancy_overlay").bind("click", $.fn.fancybox.close);
}

if (opts.showCloseButton) {
$("#fancy_close").bind("click", $.fn.fancybox.close).show();
}

if (opts.itemArray[ opts.itemCurrent ].title !== undefined && opts.itemArray[ opts.itemCurrent ].title.length > 0) {
var pos = $("#fancy_outer").position();

$('#fancy_title div').html( opts.itemArray[ opts.itemCurrent ].title);

$('#fancy_title').css({
'top' : pos.top + $("#fancy_outer").outerHeight() - 32,
'left' : pos.left + (($("#fancy_outer").outerWidth() / 2) - ($('#fancy_title').width() / 2))
}).show();
}

if (opts.overlayShow && oldIE) {
$('embed, object, select', $('#fancy_content')).css('visibility', 'visible');
}

if ($.isFunction(opts.callbackOnShow)) {
opts.callbackOnShow( opts.itemArray[ opts.itemCurrent ] );
}

busy = false;
};

return this.unbind('click.fb').click(_initialize);
};

$.fn.fancybox.scrollBox = function() {
var w = $.fn.fancybox.getViewport();
var ow = $("#fancy_outer").outerWidth();
var oh = $("#fancy_outer").outerHeight();

var pos = {
'top' : (oh > w[1] ? w[3] : w[3] + Math.round((w[1] - oh) * 0.5)),
'left' : (ow > w[0] ? w[2] : w[2] + Math.round((w[0] - ow) * 0.5))
};

$("#fancy_outer").css(pos);

$('#fancy_title').css({
'top' : pos.top + oh - 32,
'left' : pos.left + ((ow * 0.5) - ($('#fancy_title').width() / 2))
});

$("#fancy_overlay").css({
'height' : $(document).height()
});
};

$.fn.fancybox.getNumeric = function(el, prop) {
return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0;
};

$.fn.fancybox.getPosition = function(el) {
var pos = el.offset();

pos.top += $.fn.fancybox.getNumeric(el, 'paddingTop');
pos.top += $.fn.fancybox.getNumeric(el, 'borderTopWidth');

pos.left += $.fn.fancybox.getNumeric(el, 'paddingLeft');
pos.left += $.fn.fancybox.getNumeric(el, 'borderLeftWidth');

return pos;
};

$.fn.fancybox.showIframe = function() {
$("#fancy_loading").hide();
$("#fancy_frame").show();
};

$.fn.fancybox.getViewport = function() {
return [$(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ];
};

$.fn.fancybox.animateLoading = function() {
if (!$("#fancy_loading").is(':visible')){
clearInterval(loadingTimer);
return;
}

$("#fancy_loading > div").css('top', (loadingFrame * -40) + 'px');

loadingFrame = (loadingFrame + 1) % 12;
};

$.fn.fancybox.showLoading = function() {
clearInterval(loadingTimer);

var w = $.fn.fancybox.getViewport();

$("#fancy_loading").css({'left': ((w[0] - 40) / 2 + w[2]), 'top': ((w[1] - 40) / 2 + w[3])}).show();
$("#fancy_loading").bind('click', $.fn.fancybox.close);

loadingTimer = setInterval($.fn.fancybox.animateLoading, 66);
};

$.fn.fancybox.close = function() {
busy = true;

$(imagePreloader).unbind();

$(document).unbind("keydown.fb");
$(window).unbind("resize.fb scroll.fb");

$("#fancy_overlay, #fancy_content, #fancy_close").unbind();

$("#fancy_close, #fancy_loading, #fancy_left, #fancy_right, #fancy_title").hide();

__cleanup = function() {
$("#fancy_overlay, #fancy_outer").hide();
$("#fancy_content").empty();

if (opts.centerOnScroll) {
$(window).unbind("resize.fb scroll.fb");
}

if (oldIE) {
$('embed, object, select').css('visibility', 'visible');
}

if ($.isFunction(opts.callbackOnClose)) {
opts.callbackOnClose();
}

busy = false;
};

if ($("#fancy_outer").is(":visible") !== false) {
if (opts.zoomSpeedOut > 0 && opts.itemArray[opts.itemCurrent].orig !== undefined) {
var orig_item = opts.itemArray[opts.itemCurrent].orig;
var orig_pos = $.fn.fancybox.getPosition(orig_item);

var itemOpts = {
'left': (orig_pos.left - 20 - opts.padding) + 'px',
'top': (orig_pos.top - 20 - opts.padding) + 'px',
'width': $(orig_item).width() + (opts.padding * 2),
'height': $(orig_item).height() + (opts.padding * 2)
};

if (opts.zoomOpacity) {
itemOpts.opacity = 'hide';
}

$("#fancy_outer").stop(false, true).animate(itemOpts, opts.zoomSpeedOut, opts.easingOut, __cleanup);

} else {
$("#fancy_outer").stop(false, true).fadeOut("fast", __cleanup);
}

} else {
__cleanup();
}

return false;
};

$.fn.fancybox.build = function() {
var html = '';

html += '<div id="fancy_overlay"></div>';
html += '<div id="fancy_loading"><div></div></div>';

html += '<div id="fancy_outer">';
html += '<div id="fancy_inner">';

html += '<div id="fancy_close"></div>';

html += '<div id="fancy_bg"><div class="fancy_bg" id="fancy_bg_n"></div><div class="fancy_bg" id="fancy_bg_ne"></div><div class="fancy_bg" id="fancy_bg_e"></div><div class="fancy_bg" id="fancy_bg_se"></div><div class="fancy_bg" id="fancy_bg_s"></div><div class="fancy_bg" id="fancy_bg_sw"></div><div class="fancy_bg" id="fancy_bg_w"></div><div class="fancy_bg" id="fancy_bg_nw"></div></div>';

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>';

html += '<div id="fancy_content"></div>';

html += '</div>';
html += '</div>';

html += '<div id="fancy_title"></div>';

$(html).appendTo("body");

$('<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');

if (oldIE) {
$("#fancy_inner").prepend('<iframe id="fancy_bigIframe" src="javascript:false;" scrolling="no" frameborder="0"></iframe>');

// Get rid of the 'false' text introduced by the URL of the iframe
var frameDoc = $('#fancy_bigIframe')[0].contentWindow.document;
frameDoc.open();
frameDoc.close();
}

if ($.browser.msie) {
$("#fancy_loading div, #fancy_close, .fancy_bg, .fancy_title, .fancy_ico").fixPNG();
}
};

$.fn.fancybox.defaults = {
padding : 10,
imageScale : true,
zoomOpacity : true,
zoomSpeedIn : 0,
zoomSpeedOut : 0,
zoomSpeedChange : 300,
easingIn : 'swing',
easingOut : 'swing',
easingChange : 'swing',
frameWidth : 560,
frameHeight : 340,
overlayShow : true,
overlayOpacity : 0.5,
overlayColor : '#222',
showCloseButton : true,
hideOnOverlayClick : false,
hideOnContentClick : true,
centerOnScroll : true,
itemArray : [],
callbackOnStart : null,
callbackOnShow : null,
callbackOnClose : null
};

$(document).ready(function() {
$.fn.fancybox.build();
});

})(jQuery);

Back to list