图片轮播

当实现轮播时,如果几张图片依次摆放。则从1直接切换到5的时候,会经过2-3-4的切换,让用户头昏眼花。

两种解决的方法:

1、把图片放入dom中,每次点击切换时,都把需要的图片从DOM中取出再放到当前图片的后面。

2、把图片存放在js的数组中,每次点击切换则从数组中取出需要的图片并插入DOM,切换完成之后然后把当前图片放入数组。

两种方案都不需要重复加载图片。

第二种方案的好处在于DOM中只存在两张图片,比较整洁。

posted @ 2013-11-10 22:17  charling  阅读(286)  评论(0编辑  收藏  举报