0

私はasp.netとmysqlで働いています。mysql データベース用に取得した画像を含むページに部屋の詳細が表示されます。小さいサイズの画像ボタンをクリックすると、メイン画像が変わります。

Image1 の ImageUrl "~/GetRoomImage.aspx?id=1" を "~/GetRoomImage.aspx?id=2" または "~/GetRoomImage.aspx?id=3" に置き換えたい、このように、. レガディング画像ボタンをクリックしたとき。

Jqueryでこれを取得するのを手伝ってください。

ここに画像の説明を入力

私のコード、..

<asp:Image ID="Image1" runat="server" ImageUrl="~/GetRoomImage.aspx?id=1" Height="178" Width="178"></asp:Image>   <br /><br />
                      &nbsp;
                     <asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/GetRoomImage.aspx?id=2" Height="30" Width="37" /> &nbsp;
                     <asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="~/GetRoomImage.aspx?id=3" Height="30" Width="37" />&nbsp;
                     <asp:ImageButton ID="ImageButton4" runat="server" ImageUrl="~/GetRoomImage.aspx?id=4" Height="30" Width="37" />&nbsp;
                     <asp:ImageButton ID="ImageButton5" runat="server" ImageUrl="~/GetRoomImage.aspx?id=5" Height="30" Width="37" />
4

2 に答える 2

1

ページの読み込み時に小さな画像をクリックするたびにイベントをバインドし、小さな画像から大きな画像に src を割り当てることができます。

$(document).ready(function(){
      $('input[type=image]').click(function(){

          var newImg = $(this).attr("src");
           $("#Image1").attr("src",newImg)
       });
}); 
于 2013-01-10T06:10:13.293 に答える
0

これを試して

$(document).ready(function(){
  $("[value ^= 'ImageButton']").click(function(){
      var newImg = $(this).attr("src");
       $("#Image1").attr("src",newImg)
   });
}); 
于 2013-01-10T06:15:26.840 に答える