使用JQuery替換ASP.NET圖像中的圖像url按鈕？

我在asp.net和mysql工作。將顯示頁面中的房間的詳細信息與圖像，獲取MySQL數據庫。在我點擊小尺寸圖像按鈕時，主圖像會發生變化。使用JQuery替換ASP.NET圖像中的圖像url按鈕？

我想像這樣將Image1 ImageUrl「〜/ GetRoomImage.aspx？id = 1」替換爲「〜/ GetRoomImage.aspx？id = 2」或「〜/ GetRoomImage.aspx？id = 3」。點擊調整圖像按鈕時。

請幫我把它在Jquery中。

enter image description here

我的代碼，..

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

來源

2013-01-10 Sagotharan

您可以在網頁加載和分配來自小圖像的SRC到較大的圖像每個小圖片點擊綁定的事件。

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

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

來源

2013-01-10 06:10:13 DON

，我不使用HTML的圖像，如何改變在ASP中IMAGEURL。請注意我的要求。謝謝 – Sagotharan

ASP.NET服務器控件將在瀏覽器中呈現爲html控件，所以''將呈現爲'input [type = image]'。查看我的更新回答 – DON

試試這個

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

來源

2013-01-10 06:15:26 atredis

我可以將src更改爲ImageUrl。 bzs我使用asp圖像 – Sagotharan

使用JQuery替換ASP.NET圖像中的圖像url按鈕？

回答

相關問題