データリストのonclickイベントでAsp.Netイメージ？出来ますか？

StackOverflow https://stackoverflow.com/questions/732553

質問

[OK]を私はしばらくの間、このギャラリーに取り組んできていると私は少し一口を得続けます。今、それを終えるための時間です。私は、URLを介して送信されるサムネイルのIDが含まれている* .aspxの画像URLの配列に結合するデータリストを持っています。私は今、ユーザーが写真をクリックすると、それは実際の絵にそれらをもたらすこと、のonclickイベントを実装する必要があります。

例のURL：
（サムネイル）=〜/ UserPages /写真/ GetThumbnail.aspx？ID = 7
（actualpic）=〜/ UserPages /写真/ GetPhoto.aspx？ID = 7

私は必要なもの：どのように私はそれは、それぞれの写真は、onclickイベントを有するように入手できますか？私はIMAG srcにonclickのを追加しようとしたが、それはうまくいきませんでした。実際のイメージコントロールではありませんので、彼らはデータリスト内に存在することは難しいです。また、私は、IDを取得し、実際の画像にリダイレクトすることができるようにクリックなったときに、サムネイルの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();
役に立ちましたか？

解決

あなたは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が含まれていると仮定します。

他のヒント

試します：

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

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

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top