关于用js实现图片切换

luora_luo 2009-11-01 12:38:07

我用js实现图片切换，渐变那种，但不知道为什么，效果加载特别慢，刚打开页面时会有超过1张图片出现，过了大概半分钟才变回一张（也就是我想要的效果），到底是为什么呢？小妹不才，还望指点！

<body class="beijing">

<table border="0" align="center" width="430" height="430" cellpadding="0" cellspacing="0">
<tr>
<td width="430" height="430" align="center">
<%
goodstype=Request.QueryString("type1name")
SET rs=Server.CreateObject("Adodb.RecordSet")
sql="SELECT bgoodspic FROM goods WHERE goodstypename='"+goodstype+"' ORDER BY id DESC"
rs.Open sql,conn,1,3
%>
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 5;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
}
if(bStart == 0)
{
bStart = 1;

setTimeout('fnToggle()', 1000);
return;
}
else
{
oTransContainer.filters[0].Apply();
document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowFrame].style.display = "none";
oTransContainer.filters[0].Play(duration=5);
if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 6000);
}
fnToggle();
</SCRIPT><DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 430px; HEIGHT: 430px">
<%
IF rs.Eof THEN
Response.Write "该区尚未有产品。"
ELSE
DIM i
i=1
DO UNTIL rs.Eof OR i>5
Response.Write "<img id=oDIV"+Cstr(i)+" style=""BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid text-align:center"" height=430 src=""admin/"+rs("bgoodspic")+""" width=430 border=0 />"
i=i+1
rs.MoveNext
LOOP
END IF
%>
</DIV>
<% rs.Close
SET rs=NOTHING%>
</td>
</tr>
</table>

</body>
</html>

...全文