jQuery Galleria大小调整问题

Question

我正在尝试简化galleria，删除大多数元素，并在经典主题中围绕它进行样式设置。我真的只想让我的图像缩放到galleria容器，而不是galleria stage。如何控制舞台和容器之间的关系？我还尝试使用' thumbnails‘选项来删除缩略图，并通过从DOM中删除'thumbnails-container’元素来删除主题API，但没有结果。

我试图弄清楚这一点，以创建一个非常简单的布局，最大化缩放图像周围的填充和底部的缩略图。

这方面的任何帮助都是很好的，我还在重新阅读galleria文档。我对更简单的插件也持开放态度，但缩放、居中和lightbox是关键。

谢谢!

if ($("#gallery").children().size() > 0) {
    Galleria.loadTheme("../../Content/themes/galleria/galleria.classic.js");
    Galleria.run("#gallery");
    Galleria.configure({
        lightbox: true,
        dummy: 'http://c400976.r76.cf1.rackcdn.com/no_label_graphic.png',
        width: 325,
        height: 325,
        thumbnails: false,
        layerFollow: false

    });
}

Answer 1

如果你对其他选择持开放态度，我建议你使用Colorbox。没有像Galleria那样的缩略图，但其余的应该满足您的需求。易于使用。Galleria的修改可能会很繁琐。

Answer 2

我认为你还需要添加一些CSS：

body .galleria-stage{top:0;left:0;right:0;bottom:0}

这将使舞台装满容器。然后只需设置thumbnails:false来阻止创建缩略图。

http://jsfiddle.net/ZaG2X/