怎么使图片按2行排列

[MR丶CHAN]

如图怎么把从数据库里查出的图片按照上图排列显示？
循环显示的话 图片就从上往下排了 ，怎么弄下

[number123456]

如果是用DIV布局的话，那么就不用考虑这个问题了，float=left后，会自动换行，只要调整 CSS就行，
如果用的是TABLE的话，那么格式可如下
<table>
<tr>
<%
rs.open sql,conn,1,1
for i = 1 to rs.recordcount
%>
<td><img src="" /></td>
<%
rs.movenext
if i mod 5 = 0 then Response.write "</tr><tr>"
next
rs.close
%>
</tr>
</table>

[ofkshame]

学习

[MR丶CHAN]

if i mod 5=0 then '这是代表每行显示5条记录？

[MR丶CHAN]

toury 大哥 夜深了 早点休息哦 。明天继续向您请教

[toury]

[Quote=引用 4 楼 chenlongit 的回复:]
if i mod 5=0 then  '这是代表每行显示5条记录？
[/Quote]

是说循环到了第五次。你愿意做什么就在那里做什么好了哈

[MR丶CHAN]

onMouseOver='ChImg(this.nextsibling)' 红色字是什么意思？

[MR丶CHAN]

onMouseOver='ChImg(this.nextsibling)' 怎么没获取到下个img的id呢

[toury]

[Quote=引用 37 楼 chenlongit 的回复:]
onMouseOver='ChImg(this.nextsibling)'  红色字是什么意思？
[/Quote]
下个节点的意思，但对IMG有问题。

[toury]

[Quote=引用 38 楼 chenlongit 的回复:]
onMouseOver='ChImg(this.nextsibling)'  怎么没获取到下个img的id呢
[/Quote]
很抱歉，这两天我自己也事情比较多，所以思路乱也没时间测试自己的答案。耽误你时间了
onMouseOver='ChImg(this.nextsibling)--->恢复以前的 onMouseOver='ChImg(this);'
然后：

<script>
function ChImg(o){//此时的o对象应该是隐藏图片
alert(o.nextsibling.src)//这样应该可以了
document.getElementById("img1").src=o.nextsibling.src;
}
</script>

[toury]

<script>
function ChImg(o){//此时的o对象应该是隐藏图片
alert(o.nextsibling.src)//这样应该可以了
document.getElementById("img1").src=o.nextsibling.src;
}
</script>

[MR丶CHAN]

alert(o.nextsibling.src)//这样应该可以了
获取不到， 弹不出来、
toury大哥 不管怎样非常感激你了，帮我这么多。

[toury]

[Quote=引用 42 楼 chenlongit 的回复:]
alert(o.nextsibling.src)//这样应该可以了
获取不到， 弹不出来、
toury大哥 不管怎样非常感激你了，帮我这么多。
[/Quote]
别客气。我把我的测试给你参考。ie8/ff下通过
你单独保存一下下面内容到一个文件，试一下
<img id=im2 src="a.gif" onmouseover='chgIMG(this);'><img id=im3 src="b.gif">
<script>
function chgIMG(o){
alert(o.nextSibling.src)
}

[toury]

把35楼的代码仔细检查一下，特别是两处：
1、注意这里，我加了字段[图片C]

select a.产品编号,a.图片A,a.图片C,b.o_price from AF网络展示 a,product b where b.s_no=a.产品编号 order by a.id

2、图片显示的地方更要仔细检查，不能有语法错误。因为我是随手打的。如果没有语法错误，找道理是有alert()出来的；没出来恐怕是有语法错误

[MR丶CHAN]

弹出 undefined

[gjws_01]

真热闹

[toury]

43楼的简单代码也是undefined？？你ie版本？

[toury]

<%  
  set rs=server.createobject("adodb.recordset")
  '===查询展示页小图
  sql="select a.产品编号,a.图片A,a.图片C,b.o_price from AF网络展示 a,product b where b.s_no=a.产品编号 order by a.id   "
  rs.open sql,conn,1,1
                        
  '====分页
  If Not rs.eof Then
    rs.pagesize=6
    page=request("page")
    if page="" then page=0 
    if not isnumeric(page) then page=0
    page=cint(page)
    pgcount=rs.PageCount'总的页数
    proCount=rs.recordcount'总图片数
    If page>rs.PageCount Then 
      rs.absolutepage=page
      intCurPage=rs.PageCount'当前页
    ElseIf page<=0 Then 
      rs.absolutepage=1
      intCurPage=1
    Else
      rs.absolutepage=page
      intCurPage=page
    End If
  Else 
    rs.absolutepage=1
    intCurPage=1
  End If
  '''''''intCurPage=CInt(intCurPage)
                        
  with response
    .write"<table width='100%' border='0' cellspacing='0' cellpadding='0'>"            
    .write"<tr>" 
     k=1
    
    do while not rs.eof And rs.pagesize
      .Write "<td width='20'></td>"
      .write"<td width='140' height='180'>"
        .write"<a href='show_yy.asp?s_no="&rs("产品编号")&"&breed="&request("breed")&"'>"
          .write"<img id='"&rs("图片A")&"' name='img2' src='img/"&rs("图片A")&"' border='0' style='cursor:pointer;' onMouseOver='ChImg(this.nextsibling)'><img id='"&rs("图片C")&"' name='img3' src='img/"&rs("图片C")&"' style='display:none'>"
        .write"</a></br> "
      .write"</td>"
      'Place the hidden picture here
      .write"<td width='20'></td>"

      if k mod 3=0 then  .Write "</tr><tr>"'换行................
      rs.movenext
      k=k+1
    loop 
    .write"<tr>"
    .write"</table>"
  end with
%>
<script>
function ChImg(o){//此时的o对象应该是隐藏图片
  document.getElementById("img1").src=o.src;
}
</script> 

上面是以你11楼代码为基础修改，主要是针对隐藏图片和一些容错的增加。关于格式部分可能把你后来的设置改动了，你自己再调调。

[toury]

loop
.write"<tr>"
.write"</table>"
end with
------------>
loop
.write"<tr>"
.write"</table>"
end with
if rs.state<>1 then rs.close
set rs=nothing
conn.close
set conn=nothing

[toury]

还是不行的话就用笨办法吧
.write"<img id='img2"&k&"' name='img2' src='img/"&rs("图片A")&"' border='0' style='cursor:pointer;' onMouseOver='ChImg("&k&")'><img id='img3"&k&"' name='img3' src='img/"&rs("图片C")&"' style='display:none'>"

<script>
function ChImg(n){
alert(n)
document.getElementById("img1").src=document.getElementById("img3"+n).src;
}
</script>

[MR丶CHAN]

IE 6 加搜狗浏览器 测试都不行。笨方法行的通 ，先进的方法用不了 呵呵