2011-12-23 8 views
1

ライトボックスを使用して同じページに画像を拡大表示しています。私はデータリストビューでhrefタグを画像リンクに取得するように定義しています。ユーザーがクリックするとサムネイルが拡大表示されます。 hrefの値を与える方法を教えてもらえますか? 私のコードはこちらです。データリストビューでhref値を与える方法は?

<asp:DataList ID="DataList1" runat="server" DataKeyField="ImageID" 
        DataSourceID="SqlDataSource1" RepeatColumns="3"> 
        <ItemTemplate> 
         <asp:Image ID="Image1" runat="server" 
          ImageUrl='<%# Eval("ImageURL","~/Images/{0}") %>' BorderColor="#009900" 
          BorderStyle="Groove" BorderWidth="5px" Height="300px" Width="300px" /> 
         <a href='<%# Eval("ImageURL","~/Images/{0}") %>' rel="lightbox" title='<%# Eval("ImageURL","~/Images/{0}") %>'><asp:DataList ID="DataList1" runat="server" DataKeyField="ImageID" 
        DataSourceID="SqlDataSource1" RepeatColumns="3"> 
        <ItemTemplate> 
         <asp:Image ID="Image1" runat="server" 
          ImageUrl='<%# Eval("ImageURL","~/Images/{0}") %>' BorderColor="#009900" 
          BorderStyle="Groove" BorderWidth="5px" Height="300px" Width="300px" /> 
         <a href='<%# Eval("ImageURL","~/Images/{0}") %>' rel="lightbox" title='<%# Eval("ImageURL","~/Images/{0}") %>'><img src='<%# Eval("ImageURL","~/Images/{0}") %>' />"</a> 
         <br /> 
         ImageID: 
         <asp:Label ID="ImageIDLabel" runat="server" Text='<%# Eval("ImageID") %>' /> 
         <br /> 
         UploadedBy: 
         <asp:Label ID="UploadedByLabel" runat="server" Text='<%# Eval("UploadedBy") %>' /> 
         <br /> 
         <br /> 
        </ItemTemplate> 
       </asp:DataList></a> 
         <br /> 
         ImageID: 
         <asp:Label ID="ImageIDLabel" runat="server" Text='<%# Eval("ImageID") %>' /> 
         <br /> 
         UploadedBy: 
         <asp:Label ID="UploadedByLabel" runat="server" Text='<%# Eval("UploadedBy") %>' /> 
         <br /> 
         <br /> 
        </ItemTemplate> 
       </asp:DataList> 

事前感謝!

+0

を参照してください。また、空のaタグではなく、画像の周りにリンクを設定する必要があります。 – NoLifeKing

+0

は、テスト目的のためだけにaタグを使用しました。 – Rembo

答えて

0

「〜」で解決するパスについては、.NETコントロールとして.NETで処理されるようにrunat = "server"をコントロールに追加してください。それ以外の場合はHREFパスは、HTMLだけでは無意味である "{0} /〜/画像を" 持っているだろう...そう

<a href='<%# Eval("ImageURL","~/Images/{0}") %>' rel="lightbox" title='<%# Eval("ImageURL","~/Images/{0}") %>'> 

あなたのHREFパスが正しく

を解決すべきである
<a href='<%# Eval("ImageURL","~/Images/{0}") %>' rel="lightbox" title='<%# Eval("ImageURL","~/Images/{0}") %>' runat="server"> 

なり画像と同じ

<img src='<%# Eval("ImageURL","~/Images/{0}") %>' runat="server" /> 
+0

ありがとう非常にPureWeen。わかった.. – Rembo

0

ASPを使用してください:ハイパーリンクは、それがIMAGEURLとNavigateUrlを持っています。

はあなたのコードが重複したコードが含まれていhttp://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.hyperlink.aspx

<asp:HyperLink id="hyperlink1" 
       ImageUrl="images/pict.jpg" 
       NavigateUrl="http://www.microsoft.com" 
       Text="Microsoft Official Site" 
       Target="_new" 
       runat="server"/>  
関連する問題