Jquery Galleria Classic Skin - 缩略图行而不是滚动答案

【问题标题】：Jquery Galleria Classic Skin - thumbnail rows instead of scrollingJquery Galleria Classic Skin - 缩略图行而不是滚动
【发布时间】：2012-02-22 12:29:13
【问题描述】：

我正在寻找一种让Galleria 经典皮肤拥有多行缩略图而不是滚动缩略图导航的方法。知道这将被安置在哪里吗？

现在缩略图从左到右滚动，我宁愿它们超过主相框的宽度后掉到一个新的行，我宁愿不构建一个完整的表格

我尝试扩展缩略图容器以容纳两行，高度方面，但它不知道将它们放下。

再次感谢任何帮助

【问题讨论】：

标签： javascript jquery css thumbnails galleria

【解决方案1】：

通过将galleria-thumbnails div 更改为 100 像素高度和 100% 宽度，我能够获得两行缩略图。

编辑：您可能希望更改galleria-container 和galleria-thumbnails-container 的高度以适应galleria-thumbnails div 的额外高度

【讨论】：

请原谅我的疏忽，但我的 .css 中没有看到 Galleria-thumbnails div；你在加吗？它也不在我的 html 或 classic.js 中。
删除了最后一条评论，因为我找到了更好的方法。如果您设置选项carousel: false，它似乎会自动让缩略图流入下一列。然后挑战是调整缩略图容器的 CSS，使其高度合适，这样缩略图就不会流过实际图像。 PS不需要n00b标签-一旦页面加载，我就通过更改Chrome Dev工具中的CSS来作弊：P
我可以找到所有其他设置来解决这个问题，但我找不到将carousel:false 放在哪里我试过.galleria-carousel 和.galleria-thumbnails-list 无济于事。我在html 或classic.js 文件中没有看到轮播列表，所以它必须在css 中。但是哪里？我什至创建了.galleria-carousel 并将carousel:false 设置为无济于事。
在我的galleria.classic.js 中我输入了Galleria.addTheme({ name: 'classic', author: 'Galleria', css: 'galleria.classic.css', defaults: { transition: 'slide', thumbCrop: 'false', //width carousel: false,，这似乎可以解决问题。现在，就像你说的那样，我只需要调整它并将其居中以及移动容器和信息按钮，以便它们位于正确的位置。我用this documentation
对不起，我很神秘......很高兴你找到了方法。您还可以在创建新的 Galleria 实例时添加轮播选项，即$("#galleria").galleria({ carousel: false });。不过，您的方式很好，因为它为您创建的所有画廊设置了默认主题。

【解决方案2】：

保存缩略图的容器也需要将其宽度减小到小部件的大小，然后缩略图将环绕到第二行。

【讨论】：