/*
* FancyBox - simple and fancy jQuery plugin
* Examples and documentation at: http://fancy.klade.lv/
* Version: 1.2.1 (13/03/2009)
* Copyright (c) 2009 Janis Skarnelis
* Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License
* Requires: jQuery v1.3+
*/
; (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 isIE = ($.browser.msie && parseInt($.browser.version.substr(0, 1)) < 8);
$.fn.fancybox = function(settings) {
settings = $.extend({}, $.fn.fancybox.defaults, settings);
var matchedGroup = this;
function _initialize() {
elem = this;
opts = 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");
}
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");
}
opts.itemArray.push(item);
}
while (opts.itemArray[opts.itemCurrent].href != elem.href) {
opts.itemCurrent++;
}
}
}
if (opts.overlayShow) {
if (isIE) {
$('embed, object, select').css('visibility', 'hidden');
}
$("#fancy_overlay").css('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(/#/)) {
var target = window.location.href.split('#')[0]; target = href.replace(target, ''); target = target.substr(target.indexOf('#'));
_set_content('
' + $(target).html() + '
', 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 {
_set_content('', opts.frameWidth, opts.frameHeight);
}
// if (href.match("iframe") || elem.className.indexOf("iframe") >= 0)
// else {
// $.get(href, function(data) {
// _set_content('' + data + '
', opts.frameWidth, opts.frameHeight);
// });
// }
};
function _proceed_image() {
if (opts.imageScale) {
var w = $.fn.fancybox.getViewport();
var r = Math.min(Math.min(w[0] - 36, imagePreloader.width) / imagePreloader.width, Math.min(w[1] - 60, imagePreloader.height) / imagePreloader.height);
var width = Math.round(r * imagePreloader.width);
var height = Math.round(r * imagePreloader.height);
} else {
var width = imagePreloader.width;
var height = imagePreloader.height;
}
_set_content('', 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 (isIE) {
// $("#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 (isIE) {
$("#fancy_content")[0].style.setExpression('height', '(this.parentNode.clientHeight - 20)');
$("#fancy_content")[0].style.setExpression('width', '(this.parentNode.clientWidth - 20)');
}
} 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 itemLeft = (width + 36) > w[0] ? w[2] : (w[2] + Math.round((w[0] - width - 36) / 2));
var itemTop = (height + 50) > w[1] ? w[3] : (w[3] + Math.round((w[1] - height - 50) / 2 - (w[1] - height - 50) / 4));
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 - 18) + 'px',
'top': (orig_pos.top - 18) + 'px',
'width': $(orig_item).width(),
'height': $(orig_item).height()
});
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).keydown(function(e) {
if (e.keyCode == 27) {
$.fn.fancybox.close();
$(document).unbind("keydown");
} else if (e.keyCode == 37 && opts.itemCurrent != 0) {
opts.itemCurrent--;
_change_item();
$(document).unbind("keydown");
} else if (e.keyCode == 39 && opts.itemCurrent != (opts.itemArray.length - 1)) {
opts.itemCurrent++;
_change_item();
$(document).unbind("keydown");
}
});
if (opts.centerOnScroll) {
$(window).bind("resize scroll", $.fn.fancybox.scrollBox);
} else {
$("div#fancy_outer").css("position", "absolute");
}
if (opts.hideOnContentClick) {
//$("#fancy_wrap").click($.fn.fancybox.close);
$("#fancy_wrap, #fancy_overlay").click($.fn.fancybox.close);
}
$("#fancy_overlay").css("background-color", settings.overlyColor);
if (settings.overlyColose == true) {
$("#fancy_overlay, #fancy_close").bind("click", $.fn.fancybox.close);
}
else {
$("#fancy_close").bind("click", $.fn.fancybox.close);
}
if (settings.colseLogo == true) {
$("#fancy_close").show();
}
if (opts.itemArray[opts.itemCurrent].title !== undefined && opts.itemArray[opts.itemCurrent].title.length > 0) {
$('#fancy_title div').html(opts.itemArray[opts.itemCurrent].title);
$('#fancy_title').show();
}
if (opts.overlayShow && isIE) {
$('embed, object, select', $('#fancy_content')).css('visibility', 'visible');
}
if ($.isFunction(opts.callbackOnShow)) {
opts.callbackOnShow();
}
busy = false;
};
return this.unbind('click').click(_initialize);
};
$.fn.fancybox.scrollBox = function() {
var pos = $.fn.fancybox.getViewport();
// $("#fancy_outer").css('left', (($("#fancy_outer").width() + 36) > pos[0] ? pos[2] : pos[2] + Math.round((pos[0] - $("#fancy_outer").width() - 36) / 2)));
// alert(pos[1]);
// alert(pos[3]);
//$("#fancy_outer").css('top', (($("#fancy_outer").height() + 50) > pos[1] ? pos[3] : pos[3] + Math.round((pos[1] - $("#fancy_outer").height() - 50) / 2)));
// $("#fancy_outer").css('top', pos[3] + parseInt($("#fancy_outer").css('top')));
};
$.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 pos = $.fn.fancybox.getViewport();
$("#fancy_loading").css({ 'left': ((pos[0] - 40) / 2 + pos[2]), 'top': ((pos[1] - 40) / 2 + pos[3]) }).show();
$("#fancy_loading").bind('click', $.fn.fancybox.close);
loadingTimer = setInterval($.fn.fancybox.animateLoading, 66);
};
$.fn.fancybox.changeDocSize = function(width, height) {
// $("#fancy_outer").width(width);
// $("#fancy_outer").height(height);
var obj = $("#fancy_outer");
var orig_pos = $.fn.fancybox.getPosition($("#iframeShow"));
$(obj).css("left", (orig_pos.left - 18) + "px");
$(obj).css("top", (orig_pos.top - 18) + "px");
$(obj).width(width);
$(obj).height(height);
// alert(document.body.scrollHeight);
// parent.window.document.body.scrollHeight += 1;
// $.fn.fancybox._set_content("", width, height);
// _set_content
// fancy_frame
};
$.fn.fancybox.close = function() {
busy = true;
$(imagePreloader).unbind();
$("#fancy_overlay, #fancy_close").unbind();
if (opts.hideOnContentClick) {
$("#fancy_wrap").unbind();
}
$("#fancy_close, .fancy_loading, #fancy_left, #fancy_right, #fancy_title").hide();
if (opts.centerOnScroll) {
$(window).unbind("resize scroll");
}
__cleanup = function() {
$("#fancy_overlay, #fancy_outer").hide();
if (opts.centerOnScroll) {
$(window).unbind("resize scroll");
}
if (isIE) {
$('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 - 18) + 'px',
'top': (orig_pos.top - 18) + 'px',
'width': $(orig_item).width(),
'height': $(orig_item).height()
};
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.show = function(options) {
//以下是fancy插件的全部属性
$("#fancy_target").attr("href", options.frameURL).attr("title", options.title);
$("#fancy_target").fancybox(options).click();
}
$.fn.fancybox.build = function() {
var html = '';
html += '';
html += '';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
// html += '
';
html += '
';
html += '
';
html += '
';
html += ''; //自定义加上的A标签,用来给代码自定义调用
$(html).appendTo("body");
$('').appendTo('#fancy_title');
if (isIE) {
$("#fancy_inner").prepend('');
$("#fancy_close, .fancy_bg, .fancy_title, .fancy_ico").fixPNG();
}
};
$.fn.fancybox.defaults = {
padding: 0,
imageScale: true,
zoomOpacity: true, //透明度显示
zoomSpeedIn: 0, //弹出窗口的时间
zoomSpeedOut: 0, //收缩窗口的时间
zoomSpeedChange: 300,
easingIn: 'swing', //动画
easingOut: 'swing',
easingChange: 'swing',
frameWidth: 425,
frameHeight: 355,
overlayShow: true, //背景十分显示
overlayOpacity: 0.5, //背景透明度
overlyColose: false, //背景单击关闭
overlyColor: '#F6F6F3', //遮盖层颜色
hideOnContentClick: false, //弹出的窗口内容是否可以点击关闭
centerOnScroll: true,
itemArray: [],
callbackOnStart: null,
callbackOnShow: null,
callbackOnClose: null,
colseLogo: true //关闭logo是否显示
};
$(document).ready(function() {
$.fn.fancybox.build();
//取消标题关闭,添加拖动
$("#fancy_title").bind("mousedown", function(event) {
var offset = $(this).offset();
_x = event.clientX - offset.left;
_y = event.clientY - offset.top;
$(document).bind("mousemove", function(event) {
_xx = event.clientX - _x;
_yy = event.clientY - _y;
$("#fancy_outer").css({ "left": (_xx - 19) + "px", "top": (_yy + 2) + "px" });
}).bind("mouseup", function() {
$(document).unbind("mousemove").unbind("mouseup");
});
}).bind("click", function() {
//防止关闭
return false;
});
});
})(jQuery);