Question

当我第一次打开包含一些图像（gif / jpg / png）和一个swf的Fancybox演示文稿时，一切都很好，滚动不同的元素。但当我关闭演示文稿并再次打开它时，swf就消失了。

是否有其他人遇到过此问题，并找到了解决方案，或者它是Fancybox中的错误？

提前致谢！

我使用的是Fancybox 2.1.0版。这是我正在使用的代码。服务器端的PHP列出了Fancybox中仅显示的不同thumb（cases-div）＆gt;隐藏图像。

<div class="case">      
    <a href="cases/1/filer/1.jpg" class="fancybox" data-fancybox-group="1">
        <div class="thumb">
            <img src="cases/1/thumb.png" alt="Cava Interi&oslash;r" /><br />
        </div>
        Cava Interi&oslash;r <img src="cases/1/filer/2.gif" class="fancybox" data-fancybox-group="1" alt="case1" style="display: none;" />
        <img src="cases/1/filer/3.gif" class="fancybox" data-fancybox-group="1" alt="case1" style="display: none;" />
        <img src="cases/1/filer/4.gif" class="fancybox" data-fancybox-group="1" alt="case1" style="display: none;" />

        <!-- FLASH OBJECT - This will only show up the first time I -->
        <object data="cases/1/filer/5.swf" width="1300" height="471" class="fancybox" data-fancybox-group="1" alt="case1" style="display: none;"></object>
        <!-- /FLASH OBJECT -->
    </a>
</div>

<div class="case">
    <a href="cases/2/filer/1.jpg" class="fancybox" data-fancybox-group="2">
        <div class="thumb">
            <img src="cases/2/thumb.png" alt="Eiendomsnett" /><br />
        </div>
        Eiendomsnett <img src="cases/2/filer/3.jpg" class="fancybox" data-fancybox-group="2" alt="case2" style="display: none;" />
        <img src="cases/2/filer/4.jpg" class="fancybox" data-fancybox-group="2" alt="case2" style="display: none;" />
        <img src="cases/2/filer/5.jpg" class="fancybox" data-fancybox-group="2" alt="case2" style="display: none;" />
    </a>
</div>

<script>
    $(document).ready(function() {
        $('.fancybox').fancybox({
            scrolling: 'no',
            openEffect: 'elastic',

        });
    });
</script>

Answer 1

看起来你误解了插件的概念。

为什么要为所有元素（图像，对象）设置classname“fancybox”？它没有任何意义，因为单击这些元素中的每一个都会将自己打开到fancyBox中，并在关闭后将其删除。

两次打开Fancybox演示文稿时，Flash（swf）消失

1 个答案: