如何在对话框中的列表视图中打开图像

时间:2011-06-30 19:13:06

标签: jquery asp.net jquery-ui

我有一个显示图像的asp.net列表视图,我希望当用户点击它在jquery对话框中打开的图像时。

这是我的列表视图:

        <div id="images">

                &GT;                                                                                                                                                                                                                                                                                     没有返回任何数据。                                                                                                     

                </td>
            </InsertItemTemplate>
            <ItemTemplate>
                <td id="Td4" runat="server" style="">
                    <a href='<%# Eval("img") %>' class="PhotosHref">
                    <img id="photoAlbumPhotos" src='<%# Eval("img") %>' alt="Image Not Found" class="Photos" />
                    </a>
                </td>
            </ItemTemplate>
            <LayoutTemplate>
                <table id="Table1" runat="server" border="0" style="">
                    <tr ID="itemPlaceholderContainer" runat="server">
                        <td ID="itemPlaceholder" runat="server">
                        </td>
                    </tr>
                </table>
                <div style="">
                </div>
            </LayoutTemplate>
            <SelectedItemTemplate>
                <td id="Td5" runat="server" style="">
                    id:
                    <asp:Label ID="idLabel" runat="server" Text='<%# Eval("id") %>' />
                    <br />
                    img:
                    <asp:Label ID="imgLabel" runat="server" Text='<%# Eval("img") %>' />
                    <br />
                </td>
            </SelectedItemTemplate>
        </asp:ListView>
        </div>

我怎么能这样做,谢谢

1 个答案:

答案 0 :(得分:0)

请参阅以下链接。希望这肯定会给你一个想法,

http://www.ajaxonomy.com/2011/ajax/jquery-dialog-box-tutorial

您还可以在以下网址

中查看完整的演示代码

http://www.ajaxonomy.com/files/dialogdemo.txt