Question

我搜索过高和低，但发现很少能达到我想要的效果，我试图拍摄一堆图像，然后创建一个平滑的自动滚动水平图像滚动条，类似于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>

提前Thanx！

Answer 1

我很满意的是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。查看帖子中的链接

创建自动滚动循环jquery图像滚动条

1 个答案: