javascript - Gallerific SlideShow 缩略图垂直外观

Question

我已经实现了 Gallerific SlideShow，我遇到的问题是缩略图垂直显示在 2 列中。

http://www.davincispainting.com/InteriorGallery.aspx

我需要这些 Thumbs 水平显示 10 Pics X 2 Columns

我试图确定在 galleriffic.js 中更改此设置的位置，但无济于事

Answer 1

你的意思是横跨两行？来自 Gallerrific 页面:

How can I change the number of thumbnail columns?

With the stylesheet used in these examples, each thumbnail is floated left, and thus as many thumbnails that will fit in the width of the column will be displayed. If you want fewer or more columns, make the width of the navigation panel smaller or larger. In all but the last example, I am setting the width using javascript with the following lines in the html page:

$('div.navigation').css({'width' : '300px', 'float' : 'left'});
$('div.content').css('display', 'block');

在您的 HTML 中，找到以下行:

<div id="thumbs" class="navigation" style="width: 300px; float: left; opacity: 1; ">

并增加宽度。您可能需要使用确切的数字。