自动播放图片，可以调整速度。_设置目录中图片播放的速度-优快云博客

本文链接：https://blog.youkuaiyun.com/freejs/article/details/1635862

本文介绍了一个使用ASP编写的图片展示脚本，该脚本从数据库中获取产品图片及信息，并通过JavaScript实现图片轮播功能。包含数据库连接、样式表引用、记录集操作等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图片如上，

代码很长。如下

<link href="inc/tanxiaofeng.css" rel="stylesheet" type="text/css">

<%sqlSearch = "Select * From product"
sqlSearch=sqlSearch & " order by updatetime desc"
Set rsArticle = Server.CreateObject("ADODB.Recordset")
rsArticle.open sqlsearch,conn,1,1%>
<LINK id=commonstyle
href="js-css/space.css" type=text/css rel=stylesheet><LINK
id=themestyle href="js-css/css_573590.cache.css" type=text/css
rel=stylesheet>
<SCRIPT type=text/javascript>
var siteUrl = "http://localhost:8080/";//这里填写调试网站地址
</SCRIPT>

<DIV class=xspace-imagebox>
<SCRIPT type=text/javascript>
<!--
var picwidth = 79;  //缩略图宽度
var picheight = 79;  //缩略图高度
var shownum = 5;  //显示个数
var typeset = 0;  //排列方式,0:横排　1:坚排
var showmode = 0;  //事件模式,0:选择图片　1：打开链接
var imgid = "xspace-showimg"; //显示大图片的img标签id
var nowshow = 0;  //当前图片
var picarray = new Array();
<%
i=-1
do while not rsArticle.eof
i=i+1
%>
picarray[<%=i%>]=new Array(
"<%=rsArticle("smallpic")%>", "<%=rsArticle("lang")%>", "<%=rsArticle("bigpic")%>","productshow.asp?articleid=<%=rsarticle("articleid")%>","<%=rsArticle("title")%>");
<%

rsArticle.movenext

loop

//-->
</SCRIPT>

<DIV id=xspace-imgnavbar><A style="FLOAT: right" onclick=pagedown(0)
href="javascript:;">停止自动播放</A> 自动播放: <A onclick=pagedown(3000)
href="javascript:;">高速</A> <A onclick=pagedown(5000) href="javascript:;">中速</A>
<A onclick=pagedown(8000) href="javascript:;">低速</A></DIV>
<DIV id=xspace-imgshowbox><A href="js-css/573590_200705181052241.jpg"
target=_blank><IMG id=xspace-showimg alt=""
src="js-css/573590_200705181052241.jpg"></A></DIV></DIV>

</DIV></DIV></DIV></DIV>
</td></tr></table>

JS CSS文件如下
原来的下载地址无法使用了，更新了一下，

http://www.corange.cn/uploadfiles/js-css.rar