2009-04-09 14 views
0

私はしばらくこのギャラリーで作業していました。今はそれを終える時です。私は、URLを介して送信されるサムネイルIDを含む* .aspx画像URLの配列にバインドするデータリストを持っています。私は今、onclickイベントを実装する必要があります。これは、ユーザーが写真をクリックしたときに実際の画像に表示されるイベントです。Asp.Net datalist onclickイベントの画像ですか?出来ますか?

URL例:
(サムネイル)=〜/ UserPages /写真/ GetThumbnail.aspx ID = 7
(actualpic)=〜/ UserPages /写真/ GetPhoto.aspx ID = 7

何?私は必要:どのように私はそれが各写真にonclickイベントを持って取得するのですか? onclickをimag srcに追加しようとしましたが、うまくいきませんでした。実際のイメージコントロールではないため、データリスト内に存在するため、難しいです。また、実際の画像にリダイレクトするためにクリックしたときにサムネイルURLを抽出する方法を知る必要があります。助けてください!

<asp:DataList ID="dlImages" runat="server" 
    RepeatColumns="5" 
    RepeatDirection="Horizontal" 
    RepeatLayout="Flow"> 

    <ItemTemplate> 
     <img src="<%# ResolveUrl((string)Container.DataItem) %>" /> 
    </ItemTemplate> 

</asp:DataList> 

コードの後ろ:

dlImages.DataSource = ImageUrls; 
dlImages.DataBind(); 

答えて

1

あなたはaタグでラップすることはできますか?

<ItemTemplate> 
    <a href="<%# ResolveUrl(String.Format("~/UserPages/Photo/GetPhoto.aspx?id={0}", Container.DataItem)) %>"><img src="<%# ResolveUrl(String.Format("~/UserPages/Photo/GetThumbnail.aspx?id={0}", Container.DataItem)) %>" /></a> 
</ItemTemplate> 

ここでは、DataItemにはIDのみが含まれていることを前提としています。

+0

うわー...私は決してそれを理解していないでしょう。ありがとうございました!私はこのサイトなしで何をするのか分からない。ありがとうございました! – user84786

0

試してみてください。

<ItemTemplate> 
    <img src="<%# ResolveUrl((string)Container.DataItem) %>" onclick="doSomething(this)" /> 
</ItemTemplate> 

あなたは、単に「this.src」のうち、IDを解析し、doSomethingの機能を実装し、あなたがそれでやりたいことができた後。

関連する問題