Я пытаюсь использовать beforeLoad
и afterClose
в Fancybox 2.
Мне нужно, чтобы скрыть флэш - анимации в качестве IFRAME - которая находится внутри #elanceiframe
дел - в то время как FancyBox открыт и показывает портфель, а затем показать снова в DIV на FancyBox близко.
Это потому, что iFrame не уважает z-индекс в IE и не "исчезает" Fancybox и находится на переднем плане рядом с изображениями Fancybox. Поэтому я хочу display:none
#elanceiframe
div во время работы Fancybox.
Это функция init fancybox, и она работает с портфолио ОК, но beforeLoad и afterClose не срабатывают.
$(document).ready(function() {
$("a[data-fancybox-group=portfolio]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'overlayColor' : '#000',
'overlayOpacity' : 0.7,
'beforeLoad' : function(){
$("#elanceiframe").css('display', 'none');
},
'afterClose': function() {
$("#elanceiframe").css('display','block');
}
});
});
Я использую beforeLoad
и afterclose
правильно?
Нужен ли мне CSS на div #elanceiframe
div, как #elanceiframe
на #elanceiframe
display:none
для начала?
Редактировать 12/04/13
Вышеприведенный пример отлично работает; Я вызывал неправильный div
в функции :(
Параметры в вашем коде
beforeLoad: function () {
$("#elanceiframe").css('display ', 'none');
},
afterClose: function () {
$("#elanceiframe").css('display ', 'block ');
}
хорошо выглядишь для меня.
Вы даже можете манипулировать значениями атрибута src
iframe, чтобы ваш документ не перескакивал, как это было бы при display: none
var thesrc;
$(".fancybox").fancybox({
beforeLoad: function () {
thesrc = $("#elanceiframe").attr("src");
$("#elanceiframe").attr("src", "");
},
afterClose: function () {
$("#elanceiframe").attr("src", thesrc);
}
});
См. JSFIDDLE. Кстати, некоторые из ваших опций API для fancybox v1.3.x и не будут работать с v2.x. Проверьте документы для правильных параметров: http://fancyapps.com/fancybox/#docs
src
вiframe
чтобы ваш документ не перескочил, как это было бы сdisplay: none
jsfiddle.net/Nsxcn Кстати, некоторые из ваших опций API предназначены для fancybox v1.3.x и выиграли не работает с v2.x. Проверьте документы для правильных вариантов fancyapps.com/fancybox/#docs