创建自动滚动的循环jquery图像滚动器
我到处搜索,但没有找到什么可以达到我想要的结果,我正在尝试拍摄一组图像,并创建一个平滑的自动滚动水平图像滚动器,与此类似,我的问题是,这个插件是基于jQuery 1.3.2构建的,如果我没有错的话,所以我想创建我自己的,但是对于jQuery1.4.2,现在来讨论这个问题 您知道有没有其他插件可以实现相同的自动滚动效果?如果没有,我应该如何创建这样的滚动条 唯一让我感到困惑的是,我如何让滚动条不断自动滚动,有什么想法吗 HTML标记的外观如下所示: HTML:创建自动滚动的循环jquery图像滚动器,jquery,html,scroller,Jquery,Html,Scroller,我到处搜索,但没有找到什么可以达到我想要的结果,我正在尝试拍摄一组图像,并创建一个平滑的自动滚动水平图像滚动器,与此类似,我的问题是,这个插件是基于jQuery 1.3.2构建的,如果我没有错的话,所以我想创建我自己的,但是对于jQuery1.4.2,现在来讨论这个问题 您知道有没有其他插件可以实现相同的自动滚动效果?如果没有,我应该如何创建这样的滚动条 唯一让我感到困惑的是,我如何让滚动条不断自动滚动,有什么想法吗 HTML标记的外观如下所示: HTML: 先走一步 我喜欢的一个图书馆是
先走一步 我喜欢的一个图书馆是 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旋转木马插件”(jquery carousel plugin),我会得到很多好看的东西,对最新的jquery很满意。。。
<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>