0

我正在尝试简化 Galleria 以删除经典主题中的大部分元素和围绕它的样式。我真的只想让我的图像缩放到 Galleria 容器，而不是 Galleria 舞台。如何控制舞台与容器的关系？我还尝试通过使用 'thumbnails' 选项和主题 API 通过从 DOM 中删除 'thumbnails-container' 元素来删除缩略图，但没有骰子。

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

对此的任何帮助都会很棒，我仍在重新阅读 Galleria 文档。我也对更简单的插件持开放态度，但缩放、居中和灯箱是关键。

谢谢！

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

    });
}
4

2 回答 2

0

如果您愿意接受替代方案，我建议您使用Colorbox。没有像 Galleria 这样的缩略图，但其余的应该满足您的需求。易于使用。Galleria 的修改可能很繁琐。

于 2012-08-06T20:20:44.093 回答
0

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

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

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

http://jsfiddle.net/ZaG2X/

于 2012-08-11T18:17:26.967 回答