js 图片切换

JavaScript010

js 图片切换,第1张

首先吐槽一下你的编写习惯不是很好

作为一个JS新手 看得有点纠结 在图片上加超链接添<A>标签就可以了

具体代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>

<META content="text/htmlcharset=gb2312" http-equiv=Content-Type>

<META name=GENERATOR content="MSHTML 8.00.6001.18999"></HEAD>

<BODY>

<SCRIPT>

var str=new Array("http://www.sharejs.com/code/image/img/1.jpg","http://www.sharejs.com/code/image/img/2.jpg","http://www.sharejs.com/code/image/img/3.jpg")

var a

a=str[parseInt(Math.random()*(str.length))]

document.write("<a href='此处即为链接代码'><img src="+a+"></a>")

</SCRIPT>

<br>

<br>

<SCRIPT>

var str=new Array("http://www.sharejs.com/code/image/img/1.jpg","http://www.sharejs.com/code/image/img/2.jpg","http://www.sharejs.com/code/image/img/3.jpg")

var a

a=str[parseInt(Math.random()*(str.length))]

document.write("<a href='此处即为链接代码'><img src="+a+"></a>")

</SCRIPT>

</BODY></HTML>

首先

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]

}

}