用js实现图片轮显
一、思路:页面加载、获取整个容器、所有放数字索引的li及放图片列表的ul、定义放定时器的变量、存放当前索引的变。二、提示:1、 index不能一直无限制的递增下去,需做判断2、调用切换图片函数时需将递增之后的index作为参数传过去 1 2 3 4 5 var wrap=document.getElementById('wrap'), pic=document.getElementById('pic').getElementsByTagName("li"), list=document.getElementById('list').getElementsByTagName('li'), index=0; function autoPlay (type) {//type==0--上一张;type==1--下一张 if(type==0)index--; else if(type==1)index++; if (index >= pic.length) index = 0;//如果Index大于照片数量就从第一张开始 changePic(index); } // 定义图片切换函数 function changePic (curIndex) { for (var i = 0; i 我只是大致写的一个例子,你自己调试。
html如何让文字跟着图片一块轮显的代码,在线等谢谢
Html网页显示js轮播图
-->
$(
function
(){
/* */
$(
".example").luara({width:"980",height:"291",interval:2500,selected:"seleted",deriction:"left"}); });
<img
src="images/lbt01.jpg" width="980" height="291" alt="1"/>
<!--Luara
图片切换骨架
end-->
.top-menu
{height:43px;
margin-bottom:2px;
}
我文库有清晰的代码,你把文字链接放在那个img的