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

我搜索了高和低，但发现很少达到我想要的结果，我想要拍摄一堆图像，并创建一个平滑的自动滚动水平图像滚动，类似到这个http://www.enova-tech.net/eng/lab/jmycarousel/1，我遇到的问题是，如果我没有弄错，这个插件是建立在jQuery 1.3.2上的，所以我想创建自己的，但是使用jQuery 1.4.2，所以现在来解决这个问题。创建自动滚动循环jquery图像滚动条

你知道的其他插件可以达到同样的自动滚动效果吗？如果没有，我应该如何去创建一个像这样的滚轮？

唯一令我难以置信的是我如何让滚动器自动滚动连续滚动，任何想法？

的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提前！

来源

2010-11-26 Odyss3us

如果我问谷歌“jquery carousel插件”（http://www.google.de/#sclient=psy&hl=de&q=jquery+carousel+plugin&aq=2&aqi=g4g-o1&aql= ＆oq =＆gs_rfai =＆pbx = 1＆fp = 68cd5877826b624c）我收到很多漂亮的东西，可以用最新的jquery进行操作...... – oezi 2010-11-26 09:42:12

我很高兴的一个文库是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的libary第一，那么innefadelibary。看看帖子中的链接

来源

2010-11-26 09:59:52

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

回答

相关问题