Fancybox自定义参数不起作用

时间:2014-04-06 14:16:59

标签: javascript php jquery onclick fancybox

我在PHP / HTML代码中使用“onclick”调用花式框,并根据用户点击的项目传递图像或视频的位置:

 $txt= $row['location'];
 $ext="openFancyBox('$txt')";

所以我有两个奇特的盒子功能,一个用于图像,一个用于视频(因为它们显示不同的内容。

精美的盒子代码:

$(document).ready(function () {
    $('.fancybox').fancybox();
});

function openFancyBox(vid) {
    $.fancybox({
        'content': '<video id="abc"  width="320" height="240" controls><source  src="urltosite' + vid + '" type="video/mp4"></video>'
    });
}

function openFancyboximg(img) {
    $.fancybox({
        'content': '<img  src="urltosite' + img + '" />',
        'autoSize': true
    });
}

所以这对我有用,Fancybox会在点击时打开并显示给定的媒体。 但是,我想从花哨的框中添加其他参数......类似于autoSizetransitionIntitle ..等等

但无论我在上述任何功能中设置这些参数,它们都没有任何效果,例如您可以看到,我添加了“autoSize”,希望用户不必向上和向下滚动查看图像....但这没有改变任何东西!

我真的很感激任何帮助,fancybox的新手。 提前谢谢!

0 个答案:

没有答案