Gallerific SlideShow拇指图片垂直外观

时间:2011-04-10 17:20:46

标签: javascript css

我已经实现了Gallerific SlideShow,我遇到的问题是Thumb Pics垂直显示在2列中。

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

我需要这些拇指水平显示10张Pics X 2列

我试图确定在galleriffic.js中改变这个地方然而无济于事

1 个答案:

答案 0 :(得分:1)

你的意思是水平划分2行吗?从Gallerrific页面:

  

如何更改数量   缩略图列?

     

使用这些样式表   例子,每个缩略图都是浮动的   离开,因此有很多缩略图   将适合列的宽度   将显示。如果你想要更少   或更多列,使宽度   导航面板更小或更大。在   除了最后一个例子,我正在设置   使用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; ">

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