Question

asp图片循环 标题的显示问题

我在网上找了代码，图片能显示并横向滚动，但我想我图片的标题在图片的左方或下方显示出来，但是不知为什么图片左方显示的时候一行只能显示2个字，至于在图片下方显示标题自己没实现，希望高手给指点，当然直接改成功了更好，打完加分，代码如下：
<table width="100%" height="75" background="../images/lm_g.jpg"border="1" cellspacing="0">
<tr>
<td height="85"><%
set rs=server.CreateObject("adodb.recordset")
rs.open "select * from pic order by pic_id desc",conn,1,3
%>
<div id="demo" style="overflow:hidden;width:790px;color:#ffffff;">
<table cellpadding="0" cellspacing="0" height=10 border="0">
<tr><td id="demo1" valign="top" align="center">
<table border="0" cellpadding="5" width="200"cellspacing="0">
<tr align="left">
<%
for i=0 to 5
if rs.bof or rs.eof then exit for
%>
<td > <a href="#"><img src="<%=rs("pic")%>" height="150" border="0" ></a></td>
<%
rs.movenext()
next
%>
</table>
</td>
<td id="demo2" align="left"></td>
</tr>
</table>

</div>
<script>
var speed=3//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=10)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
 </td>
</tr>
</table>
不好意思，刚刚把图片的高度改成了120为啥之循环一次呢？？
奥，我明白了，本来循环的是五次（i=5），但数据库里只有3条记录！谢谢了！但是也希望你能解释一下，分先给你！

Answer 1

正是因为你数据库里面记录数少所以才会出现循环停止的现象 增加些记录就好了
还有就是你的这种写法网页打开的速度会变慢的 table尽量要少用 因为它影响速度 最好还是用CSS的说

以下IIS-5.1测试通过

<table width="100%" height="75" background="../images/lm_g.jpg"border="1" cellspacing="0">
<tr>
<td height="85">
<%
set rs=server.CreateObject("adodb.recordset")
rs.open "select * from pic order by pic_id desc",conn,1,3
%>
<div id="demo" style="overflow:hidden;width:790px;color:#ffffff;">
<table cellpadding="0" cellspacing="0" height=10 border="0">
<tr>
<td id="demo1" valign="top" align="center">
<table border="0" cellpadding="5" width="200"cellspacing="0">
<tr align="left">
<%
for i=0 to 5
if rs.bof or rs.eof then exit for
%>
<td >
<table border="0" cellpadding="0" width="100%" cellspacing="0">
<tr>
<td width="100%"><a href="#"><img src="<%=rs("pic")%>" height="150" border="0" ></a></td>
</tr>
<tr>
<td width="100%" height="30" valign="bottom"><%=rs("标题的字段名")%></td>
</tr>
</table>
<%
rs.movenext()
next
%>
</td>
</tr>
</table>
</td>
<td id="demo2" align="left"></td>
</tr>
</table>

</div>
<script>
var speed=3//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=10)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

</td>
</tr>
</table>