关于JQuery smoothDivScroll的布局问题

Question

在这个问题上，我已经挠头好一阵子了。我并不经常尝试HTML格式化。

我有一个使用JQuery (http://maaki.com/thomas/SmoothDivScroll/)的smoothDivScroll来滚动动态生成的图像。

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

我通过在div中放置一个表来实现这一点，并且<td>.This中的每个图像都可以正常工作。

我的问题是，我需要滑块从最右边的图像开始，然后自动向左滑动。这是通过(如果您查看上面的链接)-startAtElementId获得的：

但是如果我在div中使用一个表，它将把表作为一个元素，而不是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与图像并排放置，而不会有任何间隙。