<!-- #include file="conn.asp" -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <BODY>
 <%
Sql_B="select * from videoimage where VType = 'B' and content not like 0x and content is not null order by vid DESC " 
set rsB=Server.CreateObject("ADODB.Recordset") 
rsB.Open Sql_B,conn,1,1 
  i = 1
  do while (not rsB.eof and i <5)   
imgURL="drowimg.asp?vid="+cstr(rsB("VID"))
imgText=cstr(rsB("Title"))
imgLink="videoimageshow.asp?VID="+cstr(rsB("VID"))
  
Picsa = Picsa + "|" + imgURL
Linka = Linka + "|" + imgLink
Texta = Texta + "|" + imgText
   
i = i+1
rsB.movenext 
loop 
%>
  <div align="center">
<script language="javascript" type="text/javascript"  > var imgWidth=280;              //图片宽
var imgHeight=250;             //图片高
var textFromHeight=21;         //焦点字框高度 (单位为px)
var textStyle="whiter";        //焦点字class style (不是连接class)
var textLinkStyle="whiter";    //焦点字连接class style
var buttonLineOn="#f60";       //button下划线on的颜色
var buttonLineOff="#FFF";      //button下划线off的颜色
var TimeOut=5000;              //每张图切换时间 (单位毫秒); var imgUrl=new Array();
var imgLink=new Array();
var imgtext=new Array();
var imgAlt=new Array();
var adNum=0;
var theTimer;
//焦点字框高度样式表 开始
document.write('<style type="text/css">');
document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}');
document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}');
document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+14)+'px;height:18px}');
document.write('</style>');
document.write('<div id="focuseFrom">');
//焦点字框高度样式表 结束
 
imgUrls="<%=Picsa%>";
imgtexts="<%=Texta%>";
imgLinks="<%=Linka%>";
imgAlts="<%=Texta%>";  imgUrl=imgUrls.split("|");
imgtext=imgtexts.split("|");
imgLink=imgLinks.split("|");
imgAlt=imgUrls.split("|");  function changeimg(n)
{
adNum=n;
window.clearInterval(theTimer);
adNum=adNum-1;
nextAd();
} function goUrl()
{
window.open(imgLink[adNum],'_blank');
} var count=0;
for (i=1;i<imgUrl.length;i++) 
{
if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) 
{
count++;

else 
{
break;
}
}
function playTran()
{
if (document.all)
imgInit.filters.revealTrans.play(); 
}
var key=0;
function nextAd()
{
if(adNum<count)
adNum++ ;
else adNum=1;  if( key==0 )
{
key=1;

else if (document.all)
{
imgInit.filters.revealTrans.Transition=23;
imgInit.filters.revealTrans.apply();
playTran();
}
document.images.imgInit.src=imgUrl[adNum];
document.images.imgInit.alt=imgAlt[adNum];
document.getElementById('link'+adNum).style.background=buttonLineOn;
for (var i=1;i<=count;i++)
{
if (i!=adNum)
{
document.getElementById('link'+i).style.background=buttonLineOff;
}
}
focustext.innerHTML=imgtext[adNum];//在图片下面显示路径
theTimer=setTimeout("nextAd()", TimeOut);
}
document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=1,transition=5);" src="javascript:nextAd()" width='+imgWidth+' height='+imgHeight+' border=0 vspace="0" name=imgInit class="imgClass"></a><br>');
document.write('<div id="txtFrom"><span id="focustext" class="'+textStyle+'"></span></div>');
document.write('<div id="imgTitle">');
document.write('<div id="imgTitle_down"> <a class="trans"></a>'); document.write('</div>');
document.write('</div>');
document.write('</div>');
document.write('<div align=right>');
//数字按钮代码开始
for(var i=1;i<imgUrl.length;i++)
{
document.write('<a id="link'+i+'"  href="javascript:changeimg('+i+')" class="button" style="cursor:hand; " title="'+imgAlt[i]+'"  onFocus="this.blur()">'+i+'</a>');
}
document.write('</div>');
//数字按钮代码结束
</script>
</div>
 </BODY>
</HTML>上述js代码是模仿csdn首页图片切换的,
在ie6和ie7里执行结果不一样,
在ie6里刷新之后直接就开始显示第一个图片了,但是在ie7里默认只显示一个空白,需要点击下边的链接才能开始自动切换
谁能帮帮我???