1

ネット、c#. 次のコードを使用して JavaScript を呼び出しています。`

<script type="text/javascript">
    $(function () {

       $("[src='/pinterest/portals/0/Images/about-person3.jpg']").pinit();
       $("[src='/pinterest/portals/0/Images/about-us-group.jpg']").pinit();
    });
    </script>

My c# code is

<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<br />
<img ID="ImageZoom" runat="server" src='<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %> '  style="display: inline; height:auto; left: 0pt; top: 0pt; width:auto;" />
    <asp:CheckBox ID="CheckBox1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "ImageId") %> '  /> 

</ItemTemplate>
</asp:Repeater>`

さらに画像を追加する場合は、すべての画像に対して javascript を呼び出す必要があります。

4

3 に答える 3

1

あなたの質問はせいぜい漠然としていますが、これがあなたが探しているものだと思います：

  1. 呼び出したい画像にクラスを割り当てますpinit()。

  2. jQuery のクラス セレクターを使用して、適切なオブジェクトを取得します。

    <img ID="ImageZoom" class='pinitPlease' runat="server" ... />

$(function () {
    $(".pinitPlease").pinit();
});

于 2012-08-22T12:28:20.337 に答える
0

/pinterest/portals/0/Images/ にある画像をズームしたいとします。

jqueryセレクターを調整して、そのパスで始まる画像を選択できます

$("[src^='/pinterest/portals/0/Images/']").pinit();

于 2012-08-22T12:28:24.867 に答える
0

すべての画像の ID には「ImageZoom」という単語が含まれているため、それによってセレクターを作成し、すべての画像をまとめて検索できます。

$("[id*='ImageZoom']").pinit();
于 2012-08-22T12:29:48.523 に答える