用js来修改图片路径实现轮播是不太可取的一种办法,通常的做法是:
把需要轮播的图片全部罗列出来,用js控制轮流显示第几张图片,
EX:
html代码:
css代码:
#lunbo{width:100%;height:300px;position:relative;zoom:1;overflow:hidden}
#lunbo div{width:100%;height:100%;position:absolute;left:0;top:0;display:none}
#lunbo div:first-child{display:block}
img{width:100%;height:100%;border:0;display:block}
js代码: