Javascript Gallerific幻灯片演示拇指图片垂直外观

Javascript Gallerific幻灯片演示拇指图片垂直外观,javascript,css,Javascript,Css,我已经实现了Gallerific幻灯片,我遇到的问题是拇指图片垂直显示在一列2中 我需要这些大拇指以10张图片X 2列水平显示 我曾试图在galleriffic.js中确定在何处更改此选项,但没有任何效果您是指两行水平交叉吗?从Gallerfic页面: 我如何更改 缩略图列? 使用这些中使用的样式表 例如,每个缩略图都是浮动的 左,因此有许多缩略图 将适合该列的宽度 将显示。如果你想要更少 或更多列,使 导航面板更小或更大。在里面 除了最后一个例子,我正在设置 使用javascript和 ht

我已经实现了Gallerific幻灯片,我遇到的问题是拇指图片垂直显示在一列2中

我需要这些大拇指以10张图片X 2列水平显示


我曾试图在galleriffic.js中确定在何处更改此选项,但没有任何效果

您是指两行水平交叉吗?从Gallerfic页面:

我如何更改 缩略图列?

使用这些中使用的样式表 例如,每个缩略图都是浮动的 左,因此有许多缩略图 将适合该列的宽度 将显示。如果你想要更少 或更多列,使 导航面板更小或更大。在里面 除了最后一个例子,我正在设置 使用javascript和 html页面中的以下行:

$('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; ">


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

您的意思是说水平方向上有两行吗?从Gallerfic页面:

我如何更改 缩略图列?

使用这些中使用的样式表 例如,每个缩略图都是浮动的 左,因此有许多缩略图 将适合该列的宽度 将显示。如果你想要更少 或更多列,使 导航面板更小或更大。在里面 除了最后一个例子,我正在设置 使用javascript和 html页面中的以下行:

$('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; ">

增加宽度。你可能得用准确的数字