Fancybox关闭按钮不显示

时间:2013-10-07 12:44:23

标签: javascript jquery css fancybox

这是jQuery fancybox图库的代码。由于某种原因,关闭按钮没有显示。请帮我。我想用自己的关闭按钮。在浏览器中,当我检查时,背景图像被删除但是在右侧文件夹中。图像上有一条线。

$(window).load(function(){ 

// Gallery
if(jQuery("#gallery").length){


    // Fancybox
    jQuery("#gallery li a").fancybox({
        "titleShow" : false,
        "transitionIn"  : "elastic",
        "transitionOut" : "elastic",
                    "showCloseButton" : true
    });


    var totalImages = jQuery("#gallery > li").length, 
        imageWidth = jQuery("#gallery > li:first").outerWidth(true),
        totalWidth = imageWidth * totalImages,
        visibleImages = Math.round(jQuery("#gallery-container").width() / imageWidth),
        visibleWidth = visibleImages * imageWidth,
        stopPosition = (visibleWidth - totalWidth);

    jQuery("#gallery").width(totalWidth);


    jQuery("#gallery-prev").click(function(){
        if(jQuery("#gallery").position().left < 0 && !jQuery("#gallery").is(":animated")){
            jQuery("#gallery").animate({left : "+=" + imageWidth + "px"});
        }
        return false;
    });

    jQuery("#gallery-next").click(function(){
        if(jQuery("#gallery").position().left > stopPosition && !jQuery("#gallery").is(":animated")){
            jQuery("#gallery").animate({left : "-=" + imageWidth + "px"});
        }
        return false;
    });



}

});

0 个答案:

没有答案