关于JQuery的布局问题smoothDivScroll

Question

我一直在摸索着我的头一阵子。我真的没有经常使用HTML格式。

我有一个平滑的使用JQuery（http://maaki.com/thomas/SmoothDivScroll/）的DIVScroll滚动动态生成的图像。

我想要的是让多个小图像排列在一起，每个图像都有一段下面的文字。大约25张图像，每张7560px的宽度为140px。

我来达到的这个伟大的通过将一个表的DIV中，和<td>。这里面每一个形象工程

问题我有，是我需要的滑块从最右边的图像开始，并自动滑剩下。这是通过（如果你看看上面的链接） - startAtElementId：

但是，如果我在div内使用一个表，它将TABLE作为一个元素，而不是TD ...所以它不工作。我知道这一点，因为如果我将每个图像都改为在表格内（即25个表格），它就可以工作......但显然格式不是我想要的。

任何人都可以想到一种方法，我可以使用这个滑块（修改js代码或不），有25个图像需要彼此紧挨着，没有差距。

我想这是一个格式问题，而不是关于滑块。因为我只知道一种做我想做的方式，而那下面的做法不会让我设置startAtElementId。

<div class="scrollableArea"> 
     <table width="7560px" class="index-body"> 
     <tr> 
     <td width="140px"><center><a onclick="__doPostBack('getEarlierDate');" ><img src="../images/olderGraphs.gif" width="140" height="60"></a>Click for more</center></td> 
     <td width="300px"><center><a onclick="__doPostBack('chartClicked25');" ><cewolf:img chartid="verticalbar25" renderer="cewolf" width="300" height="60"/></a><c:out value="${date25}"/></center></td> 
     <td width="300px"><center><a onclick="__doPostBack('chartClicked24');" ><cewolf:img chartid="verticalbar24" renderer="cewolf" width="300" height="60"/></a><c:out value="${date24}"/></center></td> 

等

Answer 1

我会删除该表，并与一系列的div取代它来代替。里面每个div都你把图像和段落标记，像这样：

<div><img src="images/myImage.jpg"><p>Image text goes here</p></div> 
<div><img src="images/myImage.jpg"><p>Image text goes here</p></div> 
<div id="startAtMe"><img src="images/myImage.jpg"><p>Image text goes here</p></div> 

使用一些CSS，你将能够使这些div的排队，如果你删除所有填充和利润，你可以与定位div的图像并排没有任何间隙。