The requested content cannot be loaded.
Please try again later.
',
- closeBtn : '').html(content).find(current.selector);
} else if (isQuery(content)) {
+ if (!content.data(placeholder)) {
+ content.data(placeholder, $('
').insertAfter( content ).hide() );
+ }
+
content = content.show().detach();
current.wrap.bind('onReset', function () {
- $(this).find('.fancybox-inner').children().appendTo( current.parent ).hide();
+ if ($(this).find(content).length) {
+ content.hide().replaceAll( content.data(placeholder) ).data(placeholder, false);
+ }
});
}
break;
@@ -1095,20 +1135,21 @@
break;
}
- if (!(current.type === 'iframe' && current.iframe.preload)) {
- current.inner.append(content);
+ if (!(isQuery(content) && content.parent().is(current.inner))) {
+ current.inner.append( content );
}
// Give a chance for helpers or callbacks to update elements
F.trigger('beforeShow');
+ // Set scrolling before calculating dimensions
+ current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
+
// Set initial dimensions and start position
F._setDimension();
current.wrap.removeClass('fancybox-tmp');
- current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
-
current.pos = $.extend({}, current.dim, F._getPosition( true ));
F.isOpen = false;
@@ -1117,7 +1158,7 @@
F.bindEvents();
if (!F.isOpened) {
- $('.fancybox-wrap').not( current.wrap ).stop().trigger('onReset').remove();
+ $('.fancybox-wrap').not( current.wrap ).stop(true).trigger('onReset').remove();
} else if (previous.prevMethod) {
F.transitions[ previous.prevMethod ]();
@@ -1144,7 +1185,7 @@
maxWidth = current.maxWidth,
maxHeight = current.maxHeight,
scrolling = current.scrolling,
- scrollOut = current.scrollOutside,
+ scrollOut = current.scrollOutside ? current.scrollbarWidth : 0,
margin = current.margin,
wMargin = margin[1] + margin[3],
hMargin = margin[0] + margin[2],
@@ -1174,8 +1215,8 @@
wSpace = wMargin + wPadding;
hSpace = hMargin + hPadding;
- origWidth = isPercentage(width) ? (viewport.w - wSpace) * parseFloat(width) / 100 : width;
- origHeight = isPercentage(height) ? (viewport.h - hSpace) * parseFloat(height) / 100 : height;
+ origWidth = isPercentage(width) ? (viewport.w - wSpace) * getScalar(width) / 100 : width;
+ origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
if (current.type === 'iframe') {
iframe = current.content;
@@ -1200,6 +1241,15 @@
} else if (current.autoWidth || current.autoHeight) {
inner.addClass( 'fancybox-tmp' );
+ // Set width or height in case we need to calculate only one dimension
+ if (!current.autoWidth) {
+ inner.width( origWidth );
+ }
+
+ if (!current.autoHeight) {
+ inner.height( origHeight );
+ }
+
if (current.autoWidth) {
origWidth = inner.width();
}
@@ -1344,20 +1394,20 @@
height = F.wrap.height() + margin[0] + margin[2],
rez = {
position: 'absolute',
- top : margin[0] + viewport.y,
- left : margin[3] + viewport.x
- };
-
- if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
- rez = {
- position: 'fixed',
top : margin[0],
left : margin[3]
};
+
+ if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
+ rez.position = 'fixed';
+
+ } else if (!current.locked) {
+ rez.top += viewport.y;
+ rez.left += viewport.x;
}
- rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio)));
- rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * 0.5)));
+ rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio)));
+ rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * current.leftRatio)));
return rez;
},
@@ -1402,8 +1452,11 @@
F.trigger('afterShow');
- // Start slideshow
- if (F.opts.autoPlay && !F.player.isActive) {
+ // Stop the slideshow if this is the last item
+ if (!current.loop && current.index === current.group.length - 1) {
+ F.play( false );
+
+ } else if (F.opts.autoPlay && !F.player.isActive) {
F.opts.autoPlay = false;
F.play();
@@ -1413,7 +1466,7 @@
_afterZoomOut: function () {
var current = F.current;
- F.wrap.trigger('onReset').remove();
+ $('.fancybox-wrap').stop(true).trigger('onReset').remove();
$.extend(F, {
group : {},
@@ -1442,15 +1495,15 @@
getOrigPosition: function () {
var current = F.current,
element = current.element,
- orig = $(current.orig),
+ orig = current.orig,
pos = {},
width = 50,
height = 50,
hPadding = current.hPadding,
wPadding = current.wPadding,
- viewport;
+ viewport = F.getViewport();
- if (!orig.length && current.isDom && element.is(':visible')) {
+ if (!orig && current.isDom && element.is(':visible')) {
orig = element.find('img:first');
if (!orig.length) {
@@ -1458,7 +1511,7 @@
}
}
- if (orig.length) {
+ if (isQuery(orig)) {
pos = orig.offset();
if (orig.is('img')) {
@@ -1467,15 +1520,18 @@
}
} else {
- viewport = F.getViewport();
+ pos.top = viewport.y + (viewport.h - height) * current.topRatio;
+ pos.left = viewport.x + (viewport.w - width) * current.leftRatio;
+ }
- pos.top = viewport.y + (viewport.h - height) * 0.5;
- pos.left = viewport.x + (viewport.w - width) * 0.5;
+ if (current.locked) {
+ pos.top -= viewport.y;
+ pos.left -= viewport.x;
}
pos = {
- top : getValue(pos.top - hPadding * 0.5),
- left : getValue(pos.left - wPadding * 0.5),
+ top : getValue(pos.top - hPadding * current.topRatio),
+ left : getValue(pos.left - wPadding * current.leftRatio),
width : getValue(width + wPadding),
height : getValue(height + hPadding)
};
@@ -1572,23 +1628,27 @@
if (effect === 'elastic') {
field = direction === 'down' || direction === 'up' ? 'top' : 'left';
- if (direction === 'up' || direction === 'left') {
- startPos[ field ] = getValue(parseInt(startPos[ field ], 10) - distance);
+ if (direction === 'down' || direction === 'right') {
+ startPos[ field ] = getValue(getScalar(startPos[ field ]) - distance);
endPos[ field ] = '+=' + distance + 'px';
} else {
- startPos[ field ] = getValue(parseInt(startPos[ field ], 10) + distance);
+ startPos[ field ] = getValue(getScalar(startPos[ field ]) + distance);
endPos[ field ] = '-=' + distance + 'px';
}
}
- F.wrap.css(startPos).animate(endPos, {
- duration : effect === 'none' ? 0 : current.nextSpeed,
- easing : current.nextEasing,
- complete : function() {
- setTimeout(F._afterZoomIn, 10);
- }
- });
+ // Workaround for http://bugs.jquery.com/ticket/12273
+ if (effect === 'none') {
+ F._afterZoomIn();
+
+ } else {
+ F.wrap.css(startPos).animate(endPos, {
+ duration : current.nextSpeed,
+ easing : current.nextEasing,
+ complete : F._afterZoomIn
+ });
+ }
},
changeOut: function () {
@@ -1599,7 +1659,7 @@
distance = 200;
if (effect === 'elastic') {
- endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'down' || direction === 'right' ? '-' : '+' ) + '=' + distance + 'px';
+ endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px';
}
previous.wrap.animate(endPos, {
@@ -1620,68 +1680,103 @@
overlay: null,
update: function () {
- var width, scrollWidth, offsetWidth;
+ var width = '100%', offsetWidth;
// Reset width/height so it will not mess
- this.overlay.width('100%').height('100%');
+ this.overlay.width(width).height('100%');
- if ($.browser.msie || isTouch) {
- scrollWidth = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth);
+ // jQuery does not return reliable result for IE
+ if ($.browser.msie) {
offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
- width = scrollWidth < offsetWidth ? W.width() : scrollWidth;
+ if (D.width() > offsetWidth) {
+ width = D.width();
+ }
- } else {
+ } else if (D.width() > W.width()) {
width = D.width();
}
this.overlay.width(width).height(D.height());
},
- beforeShow: function (opts) {
- var overlay;
+ // This is where we can manipulate DOM, because later it would cause iframes to reload
+ onReady: function (opts, obj) {
+ $('.fancybox-overlay').stop(true, true);
- if (this.overlay) {
- return;
+ if (!this.overlay) {
+ $.extend(this, {
+ overlay : $('
').appendTo( obj.parent ),
+ margin : D.height() > W.height() || $('body').css('overflow-y') === 'scroll' ? $('body').css('margin-right') : false,
+ el : document.all && !document.querySelector ? $('html') : $('body')
+ });
}
- opts = $.extend(true, {}, F.defaults.helpers.overlay, opts);
+ if (obj.fixed && !isTouch) {
+ this.overlay.addClass('fancybox-overlay-fixed');
- overlay = this.overlay = $('
')
- .css(opts.css)
- .appendTo('body')
- .bind('mousewheel', function(e) {
- if (!F.wrap || (F.wrap.css('position') === 'fixed' || F.wrap.is(':animated'))) {
- e.preventDefault();
- }
- });
+ if (obj.autoCenter) {
+ this.overlay.append( obj.wrap );
+
+ obj.locked = this.overlay;
+ }
+ }
+
+ if (opts.showEarly === true) {
+ this.beforeShow.apply(this, arguments);
+ }
+ },
+
+ beforeShow : function(opts, obj) {
+ var overlay = this.overlay.unbind('.fb').width('auto').height('auto').css( opts.css );
if (opts.closeClick) {
- overlay.bind('click.fb', F.close);
+ overlay.bind('click.fb', function(e) {
+ if ($(e.target).hasClass('fancybox-overlay')) {
+ F.close();
+ }
+ });
}
- if (F.defaults.fixed && !isTouch) {
- overlay.addClass('overlay-fixed');
+ if (obj.fixed && !isTouch) {
+ if (obj.locked) {
+ this.el.addClass('fancybox-lock');
+
+ if (this.margin !== false) {
+ $('body').css('margin-right', getScalar( this.margin ) + obj.scrollbarWidth);
+ }
+ }
} else {
this.update();
-
- this.onUpdate = function () {
- this.update();
- };
}
- overlay.fadeTo(opts.speedIn, opts.opacity);
+ overlay.show();
+ },
+
+ onUpdate : function(opts, obj) {
+ if (!obj.fixed || isTouch) {
+ this.update();
+ }
},
afterClose: function (opts) {
- if (this.overlay) {
- this.overlay.fadeOut(opts.speedOut || 0, function () {
- $(this).remove();
+ var that = this,
+ speed = opts.speedOut || 0;
+
+ // Remove overlay if exists and fancyBox is not opening
+ // (e.g., it is not being open using afterClose callback)
+ if (that.overlay && !F.isActive) {
+ that.overlay.fadeOut(speed || 0, function () {
+ $('body').css('margin-right', that.margin);
+
+ that.el.removeClass('fancybox-lock');
+
+ that.overlay.remove();
+
+ that.overlay = null;
});
}
-
- this.overlay = null;
}
};
@@ -1724,11 +1819,11 @@
.wrapInner('
');
//Increase bottom margin so this title will also fit into viewport
- F.current.margin[2] += Math.abs(parseInt(title.css('margin-bottom'), 10));
+ F.current.margin[2] += Math.abs( getScalar(title.css('margin-bottom')) );
break;
}
- if (opts.position === 'top'){
+ if (opts.position === 'top') {
title.prependTo(target);
} else {
@@ -1743,15 +1838,15 @@
that = $(this),
selector = this.selector || '',
run = function(e) {
- var what = this, idx = index, relType, relVal;
+ var what = $(this).blur(), idx = index, relType, relVal;
- if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !$(what).is('.fancybox-wrap')) {
+ if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) {
relType = options.groupAttr || 'data-fancybox-group';
- relVal = $(what).attr(relType);
+ relVal = what.attr(relType);
if (!relVal) {
relType = 'rel';
- relVal = what[ relType ];
+ relVal = what.get(0)[ relType ];
}
if (relVal && relVal !== '' && relVal !== 'nofollow') {
@@ -1781,24 +1876,35 @@
return this;
};
- if (!$.scrollbarWidth) {
- // http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
- $.scrollbarWidth = function() {
- var parent, child, width;
- parent = $('
').appendTo('body');
- child = parent.children();
- width = child.innerWidth() - child.height( 99 ).innerWidth();
- parent.remove();
-
- return width;
- };
- }
-
// Tests that need a body at doc ready
D.ready(function() {
+ if ( $.scrollbarWidth === undefined ) {
+ // http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
+ $.scrollbarWidth = function() {
+ var parent = $('
').appendTo('body'),
+ child = parent.children(),
+ width = child.innerWidth() - child.height( 99 ).innerWidth();
+
+ parent.remove();
+
+ return width;
+ };
+ }
+
+ if ( $.support.fixedPosition === undefined ) {
+ $.support.fixedPosition = (function() {
+ var elem = $('
').appendTo('body'),
+ fixed = ( elem[0].offsetTop === 20 || elem[0].offsetTop === 15 );
+
+ elem.remove();
+
+ return fixed;
+ }());
+ }
+
$.extend(F.defaults, {
- scrollOutside : $.scrollbarWidth(),
- fixed : $.support.fixedPosition || !(($.browser.msie && $.browser.version <= 6) || isTouch),
+ scrollbarWidth : $.scrollbarWidth(),
+ fixed : $.support.fixedPosition,
parent : $('body')
});
});