Javascript Jquery Galleria Classic皮肤-缩略图行而不是滚动
我正在寻找一种方法,使经典皮肤有多行缩略图,而不是滚动缩略图导航。你知道这房子在哪里吗 现在,缩略图从左向右滚动,我希望它们在超过主相框的宽度后下降到新的一行,并且我不希望构建一个完整的表 我尝试过扩展缩略图容器以容纳两行(按高度),但它不知道如何将它们放下Javascript Jquery Galleria Classic皮肤-缩略图行而不是滚动,javascript,jquery,css,thumbnails,galleria,Javascript,Jquery,Css,Thumbnails,Galleria,我正在寻找一种方法,使经典皮肤有多行缩略图,而不是滚动缩略图导航。你知道这房子在哪里吗 现在,缩略图从左向右滚动,我希望它们在超过主相框的宽度后下降到新的一行,并且我不希望构建一个完整的表 我尝试过扩展缩略图容器以容纳两行(按高度),但它不知道如何将它们放下 同样,任何帮助都将不胜感激。容纳缩略图的容器也需要将其宽度减小到小部件的大小,然后缩略图将包装到第二行。通过将galleria缩略图div更改为100px高度和100%宽度,我可以获得两行缩略图 编辑:您可能希望更改galleria容器和g
同样,任何帮助都将不胜感激。容纳缩略图的容器也需要将其宽度减小到小部件的大小,然后缩略图将包装到第二行。通过将
galleria缩略图
div更改为100px高度和100%宽度,我可以获得两行缩略图
编辑:您可能希望更改
galleria容器
和galleria缩略图容器
的高度,以适应galleria缩略图
div的额外高度,请原谅我的疏忽,但我在.css中没有看到galleria缩略图div;你要加进去吗?它也不在我的html或classic.js中。删除了上一条评论,因为我找到了更好的方法。如果设置选项carousel:false
,则缩略图似乎会自动进入下一列。然后,挑战是调整缩略图容器的CSS,使其具有正确的高度,以便缩略图不会在实际图像上流动。PS不需要n00b标签-我在加载页面后通过更改Chrome开发工具中的CSS来作弊:PI可以找到所有其他设置来修复此问题,但我找不到放置位置旋转木马:false
我在中尝试过。galleria旋转木马
和。galleria缩略图列表
无效。我在我的html
或classic.js
文件中没有看到旋转木马列表,所以它必须在css
中。但是在哪里呢?我甚至创建了.galleria carousel
并设置carousel:false
无效。在我的galleria.classic.js
中,我放置了galleria.addTheme({name:'classic',author:'galleria',css:'galleria classic.css',默认值:{transition:'slide',thumbCrop:'false',//width carousel:false,
这似乎很管用。现在,就像你说的,我只需要调整并居中它,以及移动容器和信息按钮,使它们位于正确的位置。我过去很抱歉,我太神秘了…很高兴你找到了一种方法。你也可以将carousel添加为创建新galleria实例时的一个选项,即$(“#galleria”).galleria({carousel:false});
。您的方式很好,因为它为您创建的所有galleria设置了默认主题。