0

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

有没有其他人遇到过这个问题,并找到了解决方案,或者它是 Fancybox 中的一个错误?

提前致谢!

我使用的是 Fancybox 2.1.0 版本。这是我正在使用的代码。服务器端的 PHP 列出仅在 Fancybox 中显示的不同拇指(cases-div)>隐藏图像。

<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>
4

1 回答 1

1

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

为什么为所有元素(图像、对象)设置类名“fancybox”?这没有任何意义,因为单击这些元素中的每一个都会将 self 打开到 fancyBox 并在关闭后将其删除。

于 2012-08-28T08:07:46.827 回答