fancybox中的背景图片？

Question

如何在fancybox窗口中使用背景图像？ 这可能吗？如果是这样，怎么办呢？

http://fancybox.net

Answer 1

您的目标内容（例如inline内容）应具有以下背景图片：

HTML

<div style="display:none">
    <div id="inline"></div>
</div>

CSS

#inline {
    background: url("http://thumbnails.illustrationsource.com/huge.103.519781.JPG") top left no-repeat;
    width: 344px;
    height: 450px;
}

的jQuery

$(".fancybox").fancybox({
    autoScale : false // use fitToView for v2.x
});

参见 JSFIDDLE