jquery数据幻灯片显示图像幻灯片放映

时间:2012-03-19 11:28:15

标签: php jquery ajax

我有以下代码,每个表格中显示10个项目和每个项目

<div class="baner_main shadow">
<div id="adds">
<div class="latest_ads">
<table border="0" cellspacing="0" style="width:800px">
<tbody>
<tr class="">
<?php
for($i=;$i<=10;$i++)
{
?>
<td class="even">
<img src="images/photo.gif" alt="" title=""><br>
<h3><a href="index.php?page=item&amp;id=11">Item Name</a></h3>
<p><strong>Price: 70.00 USD <br>  () <br> December 3, 2011</strong></p>
</td>
<?php
}
?>
</tr>
</tbody>
</table>
</div>
</div>
</div>

在800宽度的表格中,它只在屏幕上显示5个项目。

我需要的是

  1. 使用Jquery移动第一个项目并在10秒后自动接下来的五个项目。
  2. 桌下的一个小点,用jquery移动下一个和上一个项目。
  3. 这在图像幻灯片放映中很常见,但我不知道如何处理表格。

    如果可以,请给我任何示例链接,我会自己。

    由于

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery循环插件http://malsup.com/jquery/cycle/并检查http://malsup.com/jquery/cycle/div.html以将一组项目分组在一起。提供的大多数示例都是基于Div的布局。但是,使用TD也可以达到同样的效果。如果您仍需要帮助,请告诉我