如何使用按钮助手和缩略图助手添加fancybox? 是否可以将按钮(按钮帮助器)放在图像下面,以便我可以观看和选择我想要看到的按钮?
按钮
$(document).ready(function() {
$(".fancybox-button").fancybox({
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : { type : 'inside' },
buttons : {}
}
});
});
和缩略图代码
$(document).ready(function() {
$(".fancybox-thumb").fancybox({
prevEffect : 'none',
nextEffect : 'none',
helpers : {
title : {
type: 'outside'
},
overlay : {
opacity : 0.8,
css : {
'background-color' : '#000'
}
},
thumbs : {
width : 50,
height : 50
}
}
});
});
我对JavaScript有点新意,我无法让它工作 我想要做的是将它们混合在一起并将按钮放在底部
P.S。我还可以使用fancybox缩略图助手来处理Youtube视频吗?
答案 0 :(得分:5)
除了fancybox常规js和css文件之外,您还必须加载jquery.fancybox-buttons
和jquery.fancybox-thumbs
js 和 css 文件。它们位于zip文件的子目录“helpers”下。