首页 > 关于jq轮播图的代码问题

关于jq轮播图的代码问题

http://runjs.cn/code/6jxctlpc
代码在上面,我想让到了最后一个div的时候无缝衔接地转到第二个,类似http://www.zjstv.com/首页的轮播代码效果??怎么写呢?







http://www.163css.com/hihilinxuan/log/635018850359850000.html
看看这个吧,上面讲了无缝滚动的原理


可以用DOM操作,把最后一个和第一个img克隆一遍,把克隆的最后一个追加到第一个,把克隆的第一个追加到最后一个。
比如原本HTML:

<img index="1" />
<img index="2" />
<img index="3" />
<img index="4" />

DOM操作后:

<img index="4" left="0"/>
<img index="1" left="-1000"/>
<img index="2" left="-2000"/>
<img index="3" left="-3000"/>
<img index="4" left="-4000"/>
<img index="1" left="-5000"/>

当left等于5000时把left修改成-1000
当right等于0时把left修改成-4000

注:index的值等于第几副图


<img left="-1000"/> //第四张图
<img left="0"/> //第一张图
<img left="1000"/> //第二张图
<img left="2000"/> //第三张图
<img left="3000"/> //第四张图
<img left="4000"/> //第一张图

0开始,到了4000时将left改成0;或者到了-1000时,将left改成3000

【热门文章】
【热门文章】