asp 幻灯片 显示图片+图片说明
代码为<!--#include file="conn.asp"-->
<%
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.
哪位老大还有右下角可以选择第几幅图片的源代码啊?
--------------------编程问答-------------------- mark up 帮顶 --------------------编程问答-------------------- up.学习 --------------------编程问答-------------------- 换换吧 用jquery 有现成的实例 --------------------编程问答-------------------- 我有,而且可以动态绑定数据库,后台操作 --------------------编程问答--------------------
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>
补充:.NET技术 , ASP.NET