自动播放图片,可以调整速度。

 

效果图片如上,

代码很长。如下

<!--#include file="inc/conn.asp"-->
<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>

<SCRIPT language=javascript src="js-css/ajax.js"
type=text/javascript></SCRIPT>

<SCRIPT language=javascript src="js-css/common.js"
type=text/javascript></SCRIPT>

<META content="MSHTML 6.00.2900.3086" name=GENERATOR></HEAD>
<BODY>
<table align="left" width="400" bgcolor="#FF0000"><tr><td>
<DIV id=wrap>
  <!--//显示头部区域-->
<DIV class=xspace-layout1 id=content>
<DIV id=mainarea>

<DIV id=show>

<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>

<SCRIPT language=javascript src="js-css/pic.js"
type=text/javascript></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

原文地址:https://www.cnblogs.com/zerogo/p/2209362.html