FancyBox退出IFRAME回调

FancyBox out of IFRAME callback

本文关键字:回调 IFRAME 退出 FancyBox      更新时间:2023-09-26

我从IFRAME调用fancybox,并将其显示在IFRAME之外-它可以工作。但是我的回调函数有问题。[我使用的是FanxyBox 2]

我想修改上一个/下一个按钮的不透明度和悬停行为回调函数,但它什么也不做。

Iframe演示[点击图片]:http://keramika.dtech.sk/Keramika/Svietidla_Lampy.html

我在这个"非IFRAME"演示中实现了正确的行为:http://keramika.dtech.sk/test.html

据我所知,回调函数是从"父"的角度运行的,所以调用$(".fancybox-prev")是正确的(并没有超出范围)。

"afterShow"回调:

'afterShow': function(){
            $(".fancybox-prev").css({"opacity": 0.1, "left":"-20px"});
            $(".fancybox-prev").hover(function(){
                $(this).css({"opacity": 0.6}); },
                function(){ $(this).css({"opacity": 0.1});
            });

这里有一个更大的代码部分:

$(document).ready(function() {
$('#launcher').click(function(e){
e.preventDefault();
   parent.jQuery.fancybox( [
    {href:'/Keramika/Media/lampy/800x600/luci_obr2.jpg', title: '01'},
    {href:'/Keramika/Media/lampy/800x600/luci_obr3.jpg', title: '02'},
    {href:'/Keramika/Media/lampy/800x600/luci_obr4.jpg', title: '03'}
    ],  
    {
  'afterShow': function(){
            $(".fancybox-prev").css({"opacity": 0.1, "left":"-20px"});
            $(".fancybox-prev").hover(function(){
                $(this).css({"opacity": 0.6}); },
                function(){ $(this).css({"opacity": 0.1});
            });
     ...

我建议使用CSS进行样式设置-http://jsfiddle.net/rNM8Z/