关闭fancybox窗口后,我的照片隐藏起来

Question

我正在尝试使用fancyBox,我想知道为什么当我关闭fancyBox窗口时,我的元素得到一个"display:none;" 样式.有没有解决方法可以避免这种情况？

我的html文件包括:

<script type="text/javascript" src="../js/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="../css/jquery.fancybox.css" type="text/css" media="screen" />

目标元素是这样的:

<div id="cadre" class="planche"><a id="inline" href="#photo"><img src="../img/new/img/1_ADELE_HAENEL_Actress-H.jpg" alt="ADELE HAENEL" id="photo"></a></div>

我的Fancybox js是:

$(document).ready(function() {

    /* This is basic - uses default settings */

    $("a#single_image").fancybox();

    /* Using custom settings */

    $("a#inline").fancybox({
        'hideOnContentClick': false
    });

    /* Apply fancybox to multiple items */

    $("a.group").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   false
    });

});

Answer 1

我有同样的问题,解决方案是使用有效的href填充a元素的href属性

Answer 2

向a元素添加有效的href标签。下面是一个简单的例子。我遇到了同样的问题并解决了这个问题。

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

然后调用fancybox。

$(".fancybox").fancybox({});

JsFiddle 演示示例

http://jsfiddle.net/FM82s/