Question

帮我改下这个幻灯片代码，谢谢！

<%rs.Open "select * from data order by id desc",conn,3%>
<script>
var widths=320;
var heights=200;
var counts=4;
<%i=1
do while not rs.eof
%>
img<%=i%>=new Image ();img<%=i%>.src='admin/ShowIMG.asp?id=<%=rs("id")%>'
url<%=i%>=new Image ();url<%=i%>.src='news.asp?id=<%=rs("id")%>'
<%rs.movenext
i=i+1
loop
rs.close%>

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');
document.getElementById("url").target='_blank';
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()',3000);}
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="_self">'+i+'</a>');}
document.write('</div></div>');
change_img();
</script>

1、我想在下面那个1，2，3，4前面加上文章标题
2、还有，这个文件包含到index的时候1，2，3，4上面的黄色按钮显示不正确，单独的时候没问题

这是地址http://z3341789.gicp.net/

Answer 1

测试ok。

<!--#include file="conn.asp"-->
<%
set rs=server.CreateObject("Adodb.recordset")
sql = "select top 5 * from qq order by babyshow_order asc"
rs.open sql,conn,1,1

'rs.Open "select * from data order by id desc",conn,3
%>
<script language=javascript>
var widths=320;
var heights=200;
var counts=4;
var imgTz=new Array();
<%i=1
do while not rs.eof
%>
img<%=i%>=new Image ();img<%=i%>.src='<%=rs("pic")%>'
url<%=i%>=new Image ();url<%=i%>.src='<%=rs("link")%>'
imgTz[<%=i%>]="<%=rs("name")%>";
<%rs.movenext
i=i+1
loop
rs.close%>

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("txt").innerHTML=imgTz['+nn+']');
eval('document.getElementById("pic").src=img'+nn+'.src');
eval('document.getElementById("url").href=url'+nn+'.src');
document.getElementById("url").target='_blank';

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()',3000);}
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('<table border="0" cellpadding="0" cellspacing="0" id=newsTable style="position:relative; top:0px;right:0px; font-size:12px;" width=100%>');
document.write('<tr><td style="height:12px; text-align: left;" width=80%><div style="filter:alpha(style=1,opacity=80,finishOpacity=80);background: #888888;width:100%-2px;text-align:left;top:-12px;position:relative;margin:0px;height:18px;padding:0px;margin:0px;border:0px;"><span id="txt"></span></div></td>');
document.write('<td><div style="filter:alpha(style=1,opacity=80,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:0px;height:18px;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="_self">'+i+'</a>');}
document.write('</div></td></tr></table></div>');
change_img();
</script>