asp 幻灯片显示图片+图片说明

hjlovelulu 2009-04-23 04:01:38

代码为


<%
j=1
sql="select top 5 * from ad order by id"
rs.open sql,conn,1,1

pic1=rs("pic")
link1=rs("url")
title1=rs("title")
rs.movenext

pic2=rs("pic")
link2=rs("url")
title2=rs("title")
rs.movenext

pic3=rs("pic")
link3=rs("url")
title3=rs("title")

pic4=rs("pic")
link4=rs("url")
title4=rs("title")

pic5=rs("pic")
link5=rs("url")
title5=rs("title")

rs.close
set rs=nothing
%>
<script language=javascript>
var imgUrl=new Array();
var imgLink=new Array();
var imgTitle=new Array();
var adNum=0;
imgUrl[1]="<%=pic1%>";
imgLink[1]="<%=link1%>";
imgTitle[1]="<%=title1%>";
imgUrl[2]="<%=pic2%>";
imgLink[2]="<%=link2%>";
imgTitle[2]="<%=title1%>";
imgUrl[3]="<%=pic3%>";
imgLink[3]="<%=link3%>";
imgTitle[3]="<%=title1%>";
imgUrl[4]="<%=pic4%>";
imgLink[4]="<%=link4%>";
imgTitle[4]="<%=title1%>";
imgUrl[5]="<%=pic5%>";
imgLink[5]="<%=link5%>";
imgTitle[5]="<%=title1%>";
var imgPre=new Array();
var j=0;
for (i=1;i<=5;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
j++;
} else {
break;
}
}
function playTran(){
if (document.all){
document.imgInit.filters[0].play();
}
}
function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;
if (document.all){
document.imgInit.filters[0].Transition=26;
document.imgInit.filters[0].apply();
}
document.images.imgInit.src=imgUrl[adNum];
playTran();
theTimer=setTimeout("nextAd()", 4000); //两秒周期循环调用本身( nextAd() )
}

function outtitle()
{
return imgTitle[adNum];
}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '') //相当于a标签的target属性，如果有指定则新开窗口
window.open(jumpUrl,jumpTarget);
else //没有指定target属性则在本窗口打开
location.href="/jumpUrl";
}
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<table border="0" width="76%" id="table1" height="211">
<tr>
<td>　<a href="javascript:goUrl()"><img style="border: 1 solid #000000; padding: 1;FILTER:
progid:DXImageTransform.Microsoft.RevealTrans (duration=1,transition=3);
; border-color:#000000;color:#000000;margin-bottom:0px" src="javascript:nextAd()" width="252" height="190" border=0 name=imgInit></td>
<td width="129"></td>
</tr>
</table>
</body>
</html>
如何在第二个td里面显示每个图片的imgTitle.
哪位老大还有右下角可以选择第几幅图片的源代码啊?

...全文

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

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

jerrylyj 2009-04-28

打赏
举报

    public static string GetHtmlOne()

    {

        DataSet ds = Common.getDS("select couponid,adpic from ad1");

        int count = ds.Tables[0].Rows.Count;

        //得到目前该广告表中的广告条数

        string img = "";

        string url = "";

        for (int i = 1; i <=count; i++)

        {

            img = img + "img" + i.ToString() + "=new Image ();img" + i.ToString() + ".src='UpImage/"+ds.Tables[0].Rows[i-1][1].ToString().Substring(11)+"';";

            url = url + "url" + i.ToString() + "=new Image ();url" + i.ToString() + ".src='UIWeb/CouponInfo.aspx?id=" + ds.Tables[0].Rows[i - 1][0].ToString() + "';";

        }

        string html = " <div><SCRIPT>" +

       "var widths=340; " +

       "var heights=310;  " +

       "var counts="+count.ToString()+";  " + img + url+""+

       //"img1=new Image ();img1.src='http://www.yesky.com/imagelist/2007/018/43rx42mql3ng.jpg'; " +

       //"img2=new Image ();img2.src='http://notebook.yesky.com/imagelist/2007/017/hub8x795v23m.jpg'; " +

       //"img3=new Image ();img3.src='http://www.yesky.com/imagelist/2007/017/dt741w2a2n42.jpg'; " +

       //"img4=new Image ();img4.src='http://www.yesky.com/imagelist/2007/016/hda926w5t574.jpg';  " +

       //"img5=new Image ();img5.src='http://diy.yesky.com/imagelist/2007/010/190g0pqjdbw7.jpg'; " +

       //"img6=new Image ();img6.src='http://www.yesky.com/imagelist/2007/015/67vtz4ew2m5s.jpg'; " +

       //"url1=new Image ();url1.src='http://www.jzxue.com';" +

       //"url2=new Image ();url2.src='http://www.jzxue.com';" +

       //"url3=new Image ();url3.src='http://www.jzxue.com';" +

       //"url4=new Image ();url4.src='http://www.jzxue.com';" +

       //"url5=new Image ();url5.src='http://www.jzxue.com';" +

       //"url6=new Image ();url6.src='http://www.jzxue.com';" +

       "var nn=1;" +

       "var key=0;" +

       "function change_img()" +

       "{if(key==0){key=1;}" +

       "else if(document.all)" +

       "{document.getElementById(\"pic\").filters[0].Apply();document.getElementById(\"pic\").filters[0].Play(duration=2);}" +

       "eval('document.getElementById(\"pic\").src=img'+nn+'.src');" +

       "eval('document.getElementById(\"url\").href=url'+nn+'.src');" +

       "for (var i=1;i<=counts;i++){document.getElementById(\"xxjdjj\"+i).className='axx';}" +

       "document.getElementById(\"xxjdjj\"+nn).className='bxx';" +

       "nn++;if(nn>counts){nn=1;}" +

       "tt=setTimeout('change_img()',4000);}" +

       "function changeimg(n){nn=n;window.clearInterval(tt);change_img();}" +

       "document.write('<style>');" +

       "document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');" +

       "document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');" +

       "document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');" +

       "document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');" +

       "document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');" +

       "document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');" +

       "document.write('</style>');" +

       "document.write('<div style=\"width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;\">');" +

       "document.write('<div><a id=\"url\"><img id=\"pic\" style=\"border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)\" width='+widths+' height='+heights+' /></a></div>');" +

       "document.write('<div style=\"filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;\">');" +

       "for(var i=1;i<counts+1;i++){document.write('<a href=\"javascript:changeimg('+i+');\" id=\"xxjdjj'+i+'\" class=\"axx\" target=\"_blank\">'+i+'</a>');}" +

       "document.write('</div></div>');" +

       "change_img();" +

       "</SCRIPT></div>";

       return html;

    }

使用：

this.LtlAD1.Text = IndexOP.GetHtmlOne();

前台：

<asp:Literal ID="LtlAD1" runat="server"></asp:Literal>

jerrylyj 2009-04-28

打赏
举报

我有，而且可以动态绑定数据库，后台操作

fanshuyi 2009-04-28

打赏
举报

换换吧用jquery 有现成的实例

中年秃头大叔 2009-04-27

打赏
举报

up.学习

itcrazyman 2009-04-23

打赏
举报

mark up 帮顶

`aspprogram.cn.txt`可能是一个文本文件，记录了实现图片轮换的一些教程或说明，而`ASP编程网----做中国最好的ASP专业编程网站.url`则是一个链接，指向一个专门提供ASP编程资源的网站，可能在那里能找到更多关于ASP...

### ASP幻灯片实现技术详解 #### 1. ASP简介 ASP（Active Server Pages）是一种服务器端脚本环境，可以在网页中嵌入脚本语言（如VBScript或JScript），从而创建动态网页内容。它通过与HTML结合的方式，实现了网页...

在这个案例中，JavaScript是实现幻灯片左右移动的关键，通过监听用户的点击事件，改变幻灯片的显示状态，实现平滑过渡效果。文件结构如下： 1. `index.html` - 这是主页面文件，包含HTML结构，用于展示幻灯片，...

5. **资源管理**：`index.html`是网页的入口文件，`index.jpg`可能是幻灯片中的一张图片，`readme.htm`可能是项目说明文档，而`懒人图库.txt`可能是图片资源的列表，`images`文件夹则包含了所有用于幻灯片展示的图片...

在网页设计中，动态展示图片或内容的幻灯片效果常常被用于吸引用户注意力，提升用户体验。jQuery作为一款轻量级、功能强大的JavaScript库，为创建这种效果提供了便利。本篇将详细介绍如何使用jQuery实现幻灯片焦点图...

.NET社区

62,268

社区成员

668,981

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

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

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

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

+ 用AI写文章

asp 幻灯片 显示图片+图片说明

asp 幻灯片显示图片+图片说明