0

我从 IFRAME 调用 fancybox 并将其从 IFRAME 中显示出来——它可以工作。但是我有回调函数的问题。[我正在使用 FanxyBox 2]

我想用回调函数修改 Prev/Next 按钮的不透明度和悬停行为，但它什么也没做。

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});
            });
     ...
4

1 回答 1

1

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

于 2012-08-27T10:24:23.507 回答