自动更换图片的功能如何实现?

yk001 2006-09-13 11:11:14
现在我需要在页面上放9个图片,并且这9幅图片下面都有一个词来做图片说明, 每隔5秒9幅图片自动更换一次,对应的说明也同时更换, 图片放在本地磁盘上 用JS怎么实现呢? 有没有比较简单的方法呢 麻烦大家指点下,贴些代码
...全文
586 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
erwanfan 2006-09-14
  • 打赏
  • 举报
回复
<%
dim startime
startime=timer()
Server.ScriptTimeOut=150
Set Conn=Server.CreateObject("ADODB.Connection")
str="provider=microsoft.jet.oledb.4.0;data source="&server.mappath("test.mdb")
conn.open str
%>//连接数据库

//以下调用JS
<script language=JavaScript>
<!-- // BannerAD
var bannerAD=new Array(); //定义图片Array
var bannerADlink=new Array(); //定义连接地址Array
var bannerTitle=new Array(); //定义标题Array
var adNum=0; //赋值

//以下从数据库中读取信息并通过循环赋值给上边定义的图片、链节地址和标题Array
<%
set rs = conn.execute("select top 6 img,url,title from img order by id desc")
i=0
img1=""&rs("img")&""
do while not rs.eof and i <= 6
response.write "bannerAD["&i&"]='"&rs("img")&"';"&vbCrLf
response.write "bannerADlink["&i&"]='"&rs("url")&"';"&vbCrLf
response.write "bannerTitle["&i&"]='"&left(rs("title"),16)&"';"&vbCrLf
i=i+1
rs.movenext
loop
rs.close
set rs=nothing
%>


var preloadedimages=new Array(); //将new Array()的值赋给preloadedimages
for (i=1;i<bannerAD.length;i++){
preloadedimages=new Image();
preloadedimages.src=bannerAD;
}

//以下是定义的函数
function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
tt.innerText=bannerTitle[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 8000);
}

function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}

//-->
</script>

//JS结束

<center>

//调用上边的函数
<A onmouseover="displayStatusMsg();return document.returnValue"
href=jump2url()"><IMG
style="FILTER: revealTrans(duration=2,transition=20)" height=150
src="<%=img1%>" width=150 border=0
name=bannerADrotator><br><div id=tt align=center></div>
</A>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>//调用nextAd(),实现自动更换图片
</center>
szc21 2006-09-14
  • 打赏
  • 举报
回复
把图片的和图片说明用数组存一一对应 a[0]对j[0],每隔几秒更换下img的src和title就OK了.
推荐本书:javascript源码大全1.0版.上面有详细的代码,没有的话给我短信,我传给你
oldmoon 2006-09-14
  • 打赏
  • 举报
回复
用javascript中的setTime
lshvs2008 2006-09-14
  • 打赏
  • 举报
回复


在 www.mycodes.net 中找找, 应该有的,

思路 是用 javascrip 控制,

是这个效果吗: www.dg119.org
yk001 2006-09-13
  • 打赏
  • 举报
回复
每隔5秒自动更换成文件夹里另外的9幅图片(文件夹里总共有27个图片)

62,266

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧