图片分组自动切换源码_图片自动切换代码

文章目录：

• 1、HTML图片自动切换的代码
• 2、HTML中如何做图片切换效果，跪求代码
• 3、怎么做到两张图片切换呢，源码如下，目前只有一张图
• 4、图片无特效自动切换代码ie6.0和7.0和8.0兼容的代码
• 5、求HTML图片切换效果代码!
• 6、JS自动切换图片代码问题

HTML图片自动切换的代码

script language =javascript var curIndex=0; //时间间隔(单位毫秒)，每秒钟显示一张，数组共有5张图片放在Photos文件夹下。 var timeInterval=1000; var arr=new Array(); arr[0]="photos/1.jpg"; arr[1]="photos/2.jpg"; arr[2]="photos/3.jpg"; arr[3]="photos/4.jpg"; arr[4]="photos/5.jpg"; setInterval(changeImg,timeInterval); function changeImg() { var obj=document.getElementById("obj"); if (curIndex==arr.length-1) { curIndex=0; } else { curIndex+=1; } obj.src=arr[curIndex]; } /script img id=obj src ="photos/1.jpg" width=200 height=150 border =0 可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）虽然很简单，但是很实用。 ------------------------------------------------------------- 第二种方法: //修改图片的宽度、高度，注意要和下面的一样，修改显示位置 style type="text/css" #img1 {position:absolute; width:140px; height:105px; left:220px; top:125px; z-index:1; visibility:hidden;} #img2 {position:absolute; width:140px; height:105px; left:220px; top:125px; z-index:2} /style SCRIPT LANGUAGE="JavaScript" !-- Begin var ie5=(document.getElementById document.all); var ns6=(document.getElementById !document.all);

HTML中如何做图片切换效果，跪求代码

1、首先输入代码：

div class="7e42-f73f-4626-9192 wrapper"

div id="focus"

ul

lia href="" target="_blank"img src="img/01.jpg" alt="QQ商城焦点图效果下载" //a/li

2、然后输入代码：

lia href="" target="_blank"img src="img/02.jpg" alt="QQ商城焦点图效果教程" //a/li

lia href="" target="_blank"img src="img/03.jpg" alt="jquery商城焦点图效果" //a/li

lia href="" target="_blank"img src="img/04.jpg" alt="jquery商城焦点图代码" //a/li

3、然后再输入代码：

lia href="" target="_blank"img src="img/05.jpg" alt="jquery商城焦点图源码" //a/li

/ul

/div

/div!-- wrapper end --

/body

4、然后就完成了。

怎么做到两张图片切换呢，源码如下，目前只有一张图

给个思路你吧，简单点你可以这么做：

1.页面弄两个img标签，分别是你想要切换的图片，隐藏其中一个

2.触发切换图片事件时，隐藏当前显示的图片，显示隐藏的图片，这样就达到了切换的效果

一般的做法：

修改img标签的src路径

图片无特效自动切换代码ie6.0和7.0和8.0兼容的代码

p试试这个图片切换/p

p有12345数字一起切换/p

p鼠标点一下数字会变换到另一张图片，不点就会自动换/p

p里面有教程和源码/p

p/p

求HTML图片切换效果代码!

试试这个图片切换有12345数字一起切换鼠标点一下数字会变换到另一张图片，不点就会自动换里面有教程和源码

JS自动切换图片代码问题

js代码如下，里面有详细解释：

script type="text/javascript"

/**

1. 图片自动切换(更改img标签src属性)

a.制作一个切换函数

b.加载事件，完成间歇函数功能

2. 完成图片停止功能

3. 如果鼠标移出图片，则间隙函数要调动起来

4. 图片切换的时候对应的序号需要高亮显示

5. 当鼠标"移入"一个序号，则图片要显示对应序号的图片

当前序号也需要被高亮显示

序号有鼠标移入事件

6. 鼠标从序号移出要继续图片切换

*/

//图片切换功能

var i = 1;

function pic_change(){

//图片如果到达最后一个张，则计数器清空、归位

i++;

if(i8){

i=1;

}

//全部序号"暗"下来

var lis = document.getElementsByTagName('li');

for(var j=0; jlis.length; j++){

lis[j].style.background="green";

}

//当前序号背景色高亮显示

document.getElementById('xu'+i).style.background="yellow";

var pic_obj = document.getElementById('pic');

pic_obj.src=i+".jpg";

}

//加载事件函数，完成页面每次加载间歇函数的制作

var timer = "";

function jia(){

clearInterval(timer);

timer = setInterval('pic_change()', 1000);

}

//停止图片切换

function stop_pic(){

clearInterval(timer);

}

//鼠标移入序号发生变化的函数

//1显示当前序号对应图片

//2当前序号高亮

//3鼠标移出图片要继续切换

function xu_change(n){

//显示图片

document.getElementById('pic').src=n+".jpg";

//立即停止间隙函数

stop_pic();

//序号背景色发生变化

//全部序号"暗"下来

var lis = document.getElementsByTagName('li');

for(var j=0; jlis.length; j++){

lis[j].style.background="green";

}

//当前序号背景色高亮显示

document.getElementById('xu'+n).style.background="yellow";

//让图片切换与当前序号一致 计数器与当前序号一致就可以

i=n;

}

/script