1

我搜索了高低，但发现很少能达到我想要的结果，我正在尝试拍摄一堆图像，并创建一个平滑的自动滚动水平图像滚动器，类似于这个http://www.enova-tech .net/eng/lab/jmycarousel/1，我遇到的问题是，如果我没记错的话，这个插件是基于 jQuery 1.3.2 构建的，所以我想创建自己的，但是使用 jQuery 1.4.2 ，所以现在问题。

你知道的其他插件可以实现同样的自动滚动效果吗？如果没有，我应该如何创建这样的滚动条？

唯一让我难以置信的是如何让滚动条自动滚动，有什么想法吗？

HTML 标记看起来像这样：

HTML：

<div id="container">
  <div><img src="/image1.jpg" /></div>
  <div><img src="/image2.jpg" /></div>
  <div><img src="/image3.jpg" /></div>
  <div><img src="/image4.jpg" /></div>
  <div><img src="/image5.jpg" /></div>
  <div><img src="/image6.jpg" /></div>
  <div><img src="/image7.jpg" /></div>
  <div><img src="/image8.jpg" /></div>
</div>

提前谢谢！

4

1 回答 1

0

我很满意的一个库是jQuery innerfade。
的JavaScript：

$('#image_rotate').innerfade({   
    speed: 'slow',   
    timeout:3000 ,   
    type: 'sequence',   
    containerheight: '248px'  
});

和 HTML：

<ul class="innerfade" id="image_rotate" style="list-style: none   outside none;">
  <li><img src="/getattachment/1c0b7e7c-5a17-48f3-ba21-f3ff59a70423/.jpg" /></li>
  <li><img src="/getattachment/8d5556dd-6331-48aa-b419-d64f1de9745e/.jpg" /></li>
  <li><img src="/getattachment/65a0474f-9afa-414f-85f1-7cda5ccfffee/.jpg" /></li>
  <li><img src="/getattachment/65f553eb-a07a-4c30-93ab-f9bbf6784139/.jpg" /></li>
  <li><img src="/getattachment/84ec5f3d-c5a3-40e1-a680-7d27de35ec95/.jpg" /></li>
  <li><img src="/getattachment/4a393530-5bdb-4417-be20-0e55981db159/.jpg" /></li>      
</ul>

编辑：要求您首先包含 jQuery 库，然后是 innefadelibary。看帖子里的链接

于 2010-11-26T09:59:52.540 回答