带按钮帮助器和缩略图助手的fancybox

时间:2012-01-13 21:29:49

标签: button fancybox thumbnails helper

如何使用按钮助手和缩略图助手添加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视频吗?

1 个答案:

答案 0 :(得分:5)

除了fancybox常规js和css文件之外,您还必须加载jquery.fancybox-buttonsjquery.fancybox-thumbs js css 文件。它们位于zip文件的子目录“helpers”下。