1

斯科利斯又来了。由于客户最近要求我在他们的网站上添加多个图像幻灯片，我一直在网上寻找可以通过链接调用的免费幻灯片/图片库......而无需将幻灯片中的所有图像作为链接在页面上。我在灯箱方面取得了一些成功，我找到了fancybox。我有一个在网站上工作的 sildshow。我的问题是我试图在用户单击链接时自动启动幻灯片。下面是fancybox java脚本的代码

    <script type="text/javascript">
    $(document).ready(function() {

        $("#fancybox-manual-c").click(function() {
            $.fancybox.open
            ([{ autoPlay:true,
                href : '../images/BDAY 2.jpg',
                title : 'My title'
                }, 
            {
                href : '../images/horse_pic_3.jpg',
                title : '2nd title'
                }, 
            {
                href : '../images/lori.jpg'
                }],
             {'callbackOnShow':myFunc,
                helpers : {
                    thumbs : {
                        width: 75,
                        height: 50
                    },
                    buttons : {}

                }
            });
        });


    });
</script>
<style type="text/css">
    .fancybox-custom .fancybox-skin {
        box-shadow: 0 0 50px #222;
    }
</style>
<script type="text/javascript">
function myFunc() {
alert("Opened!");
}

</script>

在我的 HTML 正文中

<a id="fancybox-manual-c" href="javascript:;">Open gallery</a>

有人可以告诉我我是否应该使用回调......如果是这样，或者我应该在哪里或是否应该只使用“autoPlay：true”。谢谢 SCorliss

4

2 回答 2

2

如果您只想让它自动播放，我会说只使用内置选项。

但在这种情况下，您可能希望将您的autoplay:true设置移动到 fancybox 参数的选项部分。

Fancybox 参数（来自：http ://fancyapps.com/fancybox/#docs ）：

$.fancybox.open( [group], [options] )

将autoplay:true设置向下移动到选项对象参数中：

$.fancybox.open(
    [
        { href : '../images/BDAY 2.jpg', title : 'My title' }, 
        { href : '../images/horse_pic_3.jpg', title : '2nd title' }, 
        { href : '../images/lori.jpg' }
    ],
    {
        autoplay: true,
        helpers : {
            thumbs : { width: 75, height: 50    },
            buttons : {}
        }
    }
);
于 2012-04-25T02:59:26.353 回答
0

正如您的标题所说的“FancyBox 2 的回调和参数”，您可以在选项卡回调下找到 fancybox 2 插件的回调选项的完整列表。

http://fancyapps.com/fancybox/#docs

于 2013-07-26T13:43:39.517 回答