Replace image url in ASP.NET image button using JQuery?
<p>I am working in asp.net and mysql. Will shows the details of rooms in page with images that getting for mysql database,. In the Main Image will change when i click the small size image buttons. </p>

<p>I want to replace the Image1 ImageUrl "~/GetRoomImage.aspx?id=1" to "~/GetRoomImage.aspx?id=2" or "~/GetRoomImage.aspx?id=3" like this,. when clicking the regading imagebutton.</p>

<p>Please help me to get this in Jquery.</p>

<p><img src="http://i.stack.imgur.com/oJJFl.png" alt="enter image description here"></p>

<p>My Code,..</p>

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