如何通过js点击两张图片来回切换

JavaScript019

如何通过js点击两张图片来回切换,第1张

首先

if (oImg.src="img/1.png")

是赋值而不是判断相等, 判断相等请用==或者===

其次, 你的切换不应当依赖於从元素上读到的src, 而应当用变量维护当前的状态

示例

window.onload = function()

{

var

oImg = document.getElementById('img1'),

Picture = ['img/1.png','img/2.png'],

Index = 0

oImg.onclick = function()

{

++Index

Index < Picture.length || (Index = 0)

oImg.src = Picture[Index]

}

}

body

{

background-image:url(/img1.gif),url(/img2.gif)

}

请参考w3c 网页链接 多重背景

网页链接

<img src="http://img.baidu.com/img/logo-zhidao.gif" id="img_"/>

<SCRIPT>

var arr=new Array("http://img.baidu.com/img/logo-zhidao.gif","http://i1.sinaimg.cn/home/deco/2009/0330/logo_home.gif")//图片地址

var arr_i=0

function lh()

{

eval("img_").src=arr[arr_i]

arr_i++

if(arr_i>1)

arr_i=0

setTimeout("lh()",1000)//每隔一秒变换一次

}

lh()

</SCRIPT>