無法使用lightbox腳本在datalist控件中顯示圖像[jQuery]

我試圖在datalist控件中顯示縮略圖圖像，它工作正常，但是一旦我單擊圖像而不是顯示頁面前面的彈出窗口。它顯示 我已經下載收藏腳本添加的所有引用ANS CSS 什麼是錯回事 我在這裏它是用來顯示圖像原單和爲ThumbNailImage.ashx refernce FullImage.ashx DataList控件背後原始圖像尺寸轉換到縮略圖大小低於是代碼我做了什麼無法使用lightbox腳本在datalist控件中顯示圖像[jQuery]

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head runat="server"> 
     <title>Untitled Page</title> 
     <script src="js/builder.js" type="text/javascript"></script> 
     <script src="js/scriptaculous.js" type="text/javascript"></script> 
     <script src="js/prototype.js" type="text/javascript"></script> 
     <script src="js/lightbox.js" type="text/javascript"></script> 
     <script src="js/effects.js" type="text/javascript"></script> 
     <link href="css/lightbox.css" rel="stylesheet" type="text/css" /> 
    </head> 
    <body> 
     <form id="form1" runat="server"> 
     <table class="FriendsTable" width="100%"> 
      <tr> 
       <td align="center" colspan="10"> 
        <asp:Panel ID="pnlFriends" runat="server" Height="100%" Width="100%"> 
         <asp:DataList ID="gvImages" runat="server" RepeatColumns="5" RepeatDirection="Horizontal" 
          Style="z-index: 101; left: 16px; position: absolute; top: 16px" Width="100%" 
          OnItemDataBound="gvImages_ItemDataBound" BorderWidth="1px" GridLines="Both" CellPadding="3" 
          BackColor="#DEBA84" CellSpacing="2" BorderStyle="None" BorderColor="#DEBA84"> 
          <ItemTemplate> 
           <table border="0"> 
            <tr> 
             <td> 
              imagename: 
             </td> 
             <td> 
              <asp:Label ID="lblCustomerID" runat="server" Text='<%# 
    Eval("imagename") %>' /> 
             </td> 
            </tr> 
            <tr> 
             <td> 
              ImageID: 
             </td> 
             <td> 
              <asp:Label ID="lblEmployeeID" runat="server" Text='<%# 
    Eval("ImageID") %>' /> 
             </td> 
            </tr> 
           </table> 
           <%--<a href="javascript:void(window.open('<%# "FullImage.ashx?ImID="+ Eval("ImageID")%>','_blank','toolbar=no,menubar=no',rel = "lightbox">))">--%> 
           <a href='<%# "FullImage.ashx?ImID="+ Eval("ImageID") %>' rel="lightbox"> 
            <asp:Image ID="Image1" runat="server" ImageUrl='<%# "ThumbNailImage.ashx?ImID="+ Eval("ImageID") %>' 
             Height="100" Width="100" Style="border: 0" /> 
           </a> 
          </ItemTemplate> 
          <SeparatorTemplate> 
           <br> 
           <br> 
          </SeparatorTemplate> 
         </asp:DataList> 
        </asp:Panel> 
       </td> 
      </tr> 
     </table> 
     </form> 
    </body> 
    </html>

任何幫助將是巨大的謝謝

來源

2009-11-15 happysmile

嗯，這是什麼問題。你說的燈箱[jQuery]，但你已經鏈接了原型庫，你確定你使用了正確版本的燈箱插件嗎？ – tanathos 2009-11-16 00:55:18

我犯了錯買添加

Style="z-index: 101; left: 16px; position: absolute; top: 16px" in the datalist control

刪除此代碼後每一件事情的罰款

來源

2009-11-15 17:14:07 happysmile

無法使用lightbox腳本在datalist控件中顯示圖像[jQuery]

回答

相關問題