关于图片循环顺序显示的问题

xiaowen_ly 2008-09-16 05:55:46

我的需求就是csdn主页上的那个图片循环顺序显示的效果。就是只有一个框，然后循环、顺序依次切换图片，或者点击下方标有数字的按钮也能切换到相应的图片；也可以是17173主页上的那个图片循环顺序显示效果。我是新手，大家多多赐教！多谢~
最好是完整的源码！

...全文

104 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

shulei521 2008-09-16

打赏
举报

楼上的是不是 csdn 的效果呢？

williamzl 2008-09-16

打赏
举报

<html>
<head>
<title>image测试 </title>
<script language="javascript">

var i=1; //目前显示照片的张数
var n=10; //照片的总张数
var showid=null; //setInterval()的id

function changeimg() //显示当前图片
{
if(i>n)
i=1;
document.imageshow.test.src="*";//*表示你存放照片的位置（jpg文件，按1开始编号）
i++;
}

function showPic() //循环展示图片
{
showid=window.setInterval(changeimg,2000);
}

function stopshow() //停止循环展示图片
{
window.clearInterval(showid);
}

function goFirst()//跳到第一张图片
{
if(i==1)
{
alert("已经是第一张");
return;
}
i=1;
document.imageshow.test.src="*"+1+".JPG";
}

function goLast()//跳到最后一张图片
{
if(i==31)
{
alert("已经是最后一张");
return;
}
i=31;
document.imageshow.test.src="*"+n+".JPG";
}

function goNext()//跳到下一张图片
{
if(i==31)
{
alert("已经是最后一张");
return;
}
document.imageshow.test.src="*"+(++i)+".JPG";
}

function goPrevious()//跳到上一张图片
{
if(i==1)
{
alert("已经是第一张");
return;
}
document.imageshow.test.src="*"+(--i)+".JPG";
}
</script>
</head>
<body onUnload="changeimg();">
<form name="imageshow">
<font size=5 color="blue"><center>
<marquee behavior=alternate bgcolor="yellow" width=1000>啦啦啦，这都是我的照片啊！
</marquee>
</font>
<image src="*/1.jpg" align=center height="700" width="1000" name="test"><br/>
<input type="button" value="第一张" onClick="goFirst();">
<input type="button" value="上一张" onClick="goPrevious();">
<input type="button" value="下一张" onClick="goNext();">
<input type="button" value="最后一张" onClick="goLast();"> <p>
<input type="button" value="动态展示图片" onClick="showPic();">
<input type="button" value="停止展示图片" onClick="stopshow();">
</center>
</form>
</body>
</html>

blueidea123 2008-09-16

打赏
举报

说的对。

cloudgamer 2008-09-16

打赏
举报

这种也不错

一把编程的菜刀 2008-09-16

打赏
举报

[Quote=引用楼主 xiaowen_ly 的帖子:]
我的需求就是csdn主页上的那个图片循环顺序显示的效果。就是只有一个框，然后循环、顺序依次切换图片，或者点击下方标有数字的按钮也能切换到相应的图片；也可以是17173主页上的那个图片循环顺序显示效果。我是新手，大家多多赐教！多谢~
最好是完整的源码！
[/Quote]

你搜索JS幻灯片效果

一大堆的代码