請問如何把圖片輪播,改成讀取MS SQL方式?

teacher

使用https://als.musings.it/ 這個圖片輪播套件,但他使用靜態圖片輪播方式

<div class="als-container" id="demo3">
<span class="als-prev"><img src="images/thin_left_arrow_333.png" alt="prev" title="previous" /></span>
<div class="als-viewport">
<ul class="als-wrapper">
<li class="als-item"><img src="images/fruits/arancio.png" alt="orange" title="orange" />orange</li>
<li class="als-item"><img src="images/fruits/mela.png" alt="apple" title="apple" />apple</li>
<li class="als-item"><img src="images/fruits/banana.png" alt="banana" title="banana" />banana</li>
</ul>
</div>
<span class="als-next"><img src="images/thin_right_arrow_333.png" alt="next" title="next" /></span>
</div>

請問我要如何修改成動態讀取MS SQL內的圖片方式?

我改成以下這樣,只會顯示第一張圖,不會顯示第二、第三....圖片?
aspx
<li class="als-item"><asp:Label ID="LabelD" runat="server"></asp:Label></li>

cs
SqlDataReader drLabelD1 = (SqlDataReader)SqlDataSourceD.Select(DataSourceSelectArguments.Empty);
while (drLabelD1.Read())
{
LabelD1.Text += "<a href='" + drLabelD1["Dname"].ToString() + "' target='_blank'><img src='" + ResolveUrl("~/Ashx/ShowImage.ashx?Type=D&ID=" + drLabelD1["DID"].ToString()) + "' height='152' width='160' alt='" + drLabelD1["Dname"].ToString() + "'></a>" + " ";
}
drLabelD1.Close();
彩虹
<li> 也要包在迴圈喔~
回到頂部