Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
创建自动滚动的循环jquery图像滚动器_Jquery_Html_Scroller - Fatal编程技术网

创建自动滚动的循环jquery图像滚动器

创建自动滚动的循环jquery图像滚动器,jquery,html,scroller,Jquery,Html,Scroller,我到处搜索,但没有找到什么可以达到我想要的结果,我正在尝试拍摄一组图像,并创建一个平滑的自动滚动水平图像滚动器,与此类似,我的问题是,这个插件是基于jQuery 1.3.2构建的,如果我没有错的话,所以我想创建我自己的,但是对于jQuery1.4.2,现在来讨论这个问题 您知道有没有其他插件可以实现相同的自动滚动效果?如果没有,我应该如何创建这样的滚动条 唯一让我感到困惑的是,我如何让滚动条不断自动滚动,有什么想法吗 HTML标记的外观如下所示: HTML: 先走一步 我喜欢的一个图书馆是

我到处搜索,但没有找到什么可以达到我想要的结果,我正在尝试拍摄一组图像,并创建一个平滑的自动滚动水平图像滚动器,与此类似,我的问题是,这个插件是基于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>