我在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会在点击时打开并显示给定的媒体。
但是,我想从花哨的框中添加其他参数......类似于autoSize
,transitionIn
,title
..等等
但无论我在上述任何功能中设置这些参数,它们都没有任何效果,例如您可以看到,我添加了“autoSize”,希望用户不必向上和向下滚动查看图像....但这没有改变任何东西!
我真的很感激任何帮助,fancybox的新手。 提前谢谢!