使用JQuery替换ASP.NET图像中的图像url按钮？

Question

我在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" /> 

Answer 1

您可以在网页加载和分配来自小图像的SRC到较大的图像每个小图片点击绑定的事件。

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

      var newImg = $(this).attr("src"); 
      $("#Image1").attr("src",newImg) 
     }); 
}); 

Answer 2

试试这个

$(document).ready(function(){ 
    $("[value ^= 'ImageButton']").click(function(){ 
     var newImg = $(this).attr("src"); 
     $("#Image1").attr("src",newImg) 
    }); 
});