Hej Krister. Hej Krister Det är bättre imho att skriva ut en div-container och sedan alla bilder där i och med css sätta float och margin på bilderna.Loopa 5 bilder i en vågrät rad från en acessdatabas
jag skulle vilja ha jälp med att loopa bilder i vågräta rader med 5 i varje
Mitt script ser ut så här
<%
sDSN = "DBQ=" & Server.MapPath("db\news.mdb") & ";Driver={Microsoft Access Driver (*.mdb)};"
set RS = Server.CreateObject("ADODB.Recordset")
sSQL = "SELECT * FROM news Order By id desc"
RS.open sSQL, sDSN
If Not RS.Eof then
Do until RS.EOF
'
If RS("bild") <> "" Then%>
<td ><img src="<%=RS("bild")%>" border="1" width="<%=Width%>"></td>
<td rowspan="2" width="5"> </td>
<%End If%>
<%RS.MoveNext
Loop
End if
%>
</head>
</body>
</html>Sv: Loopa 5 bilder i en vågrät rad från en acessdatabas
Det är ingen raketforskning. Det ända du behöver göra är att lägga till en variabel som håller ordning på hur många gånger en bild visas. När denna är uppe i fem, skriver du ut </tr><tr> och nollställer variabeln.
Typ:
intRowNum = 0
do until databas.eof
intRowNum = intRowNum + 1
if intRowNum > 4 then
intRowNum = 0
response.write("</tr><tr>")
end if
databas.movenext
next
Är du med?Sv: Loopa 5 bilder i en vågrät rad från en acessdatabas
Om det inte alltid är precis 5 bilder (eller något antal delbart med 5) måste du dock tänka på att hantera detta i koden så att inte tabellen du skriver ut blir felaktig, dvs fel antal celler gentemot standarden 5 celler per rad.
/ PerSv:Loopa 5 bilder i en vågrät rad från en acessdatabas
Är det bildtexter också involverat innesluts en bild med tillhörande bildtext med en div som floatas istället för bilden.
<code:asp>
<div class="imagecontainer">
<img src="bild1.jpg"/>
<img src="bild1.jpg"/>
<img src="bild1.jpg"/>
<img src="bild1.jpg"/>
<img src="bild1.jpg"/>
<img src="bild1.jpg"/>
<img src="bild1.jpg"/>
<img src="bild1.jpg"/>
<img src="bild1.jpg"/>
<img src="bild1.jpg"/>
</div>
</code>
css:
<code>
.imagecontainer {width: 1000px; float: none; clear: both;}
.imagecontainer img { float: left; margin: 10px; }
</code>