给DataList中列出的图片列表提供预览图片功能

平台：VS 2008 

实现效果：利用DataList绑定数据库中图片路径字段FileName，显示出图片的列表，点击其中任何一张图片，在浏览器中央位置显示图片原图，移开鼠标，原图关闭。

 

设计代码如下：

 

 <div style="position: relative; left: 0; top: 0"> <asp:datalist id="DataList3DInfo" runat="server" repeatcolumns="6" datakeyfield="ID" repeatdirection="Horizontal" onitemcommand="DataList3DInfo_ItemCommand" width="120px"> <ItemTemplate> <table width="120px" id="Table1"> <tr> <td colspan="2"> <asp:Image ID="Image1" runat="server" ImageUrl='<%#WebConfig.ResRoot +Eval("FileName").ToString()%>' Width="120px" Height="100px" onClick="LoadDiv(this.src, this)" O