html怎样实现图片自动切换

1、首先，打开html编辑器，新建html文件，例如：indexhtml。

2、在indexhtml中的script标签中，填入js代码：setInterval('$("img")attr("src", "small3png")', 1000);。

3、浏览器进入indexhtml页面中，此时显示出一张。

4、过1秒后，自动切换为另一张了。

1、准备切换素材，一般是两张，如图，放入img文件夹，跟HTML同级。

2、然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。

3、如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。

4、如图，获取img，转成JS对象，加个[0]就可以转js对象了。

5、然后设定经过事件，切换成另一张，这样就产生鼠标经过切换的效果了。

6、但是一旦鼠标离开了，就要切换回原来的素材，所以再加一个离开事件，这样离开后就变换成原来的。

7、如图，现在我的鼠标在上，就变成twopicture了。

路径有问题
你只是指名了目录
而没有指名名称
除非你的站点设置中，默认页面设置了某张名称
比如你设置indexjpg
那你的路径相当于images/1/2/baidu/indexjpg
这样，你直接写目录可以显示
否则，必须指名的路径和名称！

<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><IMG src="第一张地址" ><IMG src="第二张地址"></MARQUEE>
注释：
1) scrollAmount。它表示速度，值越大速度越快。
2) 加入onmouseover=stop() onmouseout=start()代码，鼠标指向循环文字时他们会停止滚动，鼠标离开时继续滚动。
给滚动加超链接
用<a href=>和</a>把<img>包围，并且img必须设border=0，否则会出现边框。例子如下：
<MARQUEE scrollAmount=3 loop=infinite deplay="0"><a href="链接网址"><img src="网址" border=0></a></MARQUEE>
从右到左滚动
<MARQUEE width=宽 height=高 onmouseover=stop() onmouseout=start() scrollAmount=速度 loop=infinite deplay="0"><img src="地址 "><img src="地址 ">···</MARQUEE>
从下到上滚动
<marquee behavior="scroll" direction=up width="宽" height="高" scrollamount="5" onmouseout="thisstart()"><img src="网址 "><img src="网址 ">···</marquee>
带有超链接的实现滚动效果
<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="thisstop()" onmouseout="thisstart()"><a target="cont" href="连接地址"><img src=">