Как изменить изображение без обновления страницы

Question

У меня есть сайт, на котором пользователь может выбрать разные карты. Мне нужно, чтобы при выборе новой карты страница не обновлялась. Когда я нажимаю кнопку «Назад», теперь он возвращается к предыдущим выборам. Мне нужно, чтобы он вернулся к предыдущей странице. Вот код для изменения изображения

<div class="imgCard" style="padding-right: 50px"> 
     <asp:ScriptManager ID="ScriptManager" runat="server" /> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="conditional"> 
      <ContentTemplate> 
        <fieldset style="border-width: 150px; border-style: none"> 
         <asp:Image ID="imgCardChoice1" runat="server" /> 
         <br /> 
         <br /> 
         <a id="openChange1" href="#" style="color: Red">Change Card</a> 
        </fieldset> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
    </div> 

Когда пользователь нажимает на «Change Card», то окно JQuery модальное открывается и позволяет им изменять карту. Спасибо за любую помощь/совет. При необходимости код для выбора новой карты находится в C#.

Answer 1

Не зная больше, похоже, вам нужно использовать AJAX для этого. Если вы уже используете jQuery, проверьте jQuery.load(). Вы можете сделать запрос AJAX на URL-адрес вашего сайта, который будет возвращать только информацию об изображении и загружать ее в указанный вами элемент.

Вот ссылка на документы: http://api.jquery.com/load/

Answer 2

Попробуйте использовать некоторые функции яваскрипта. Создайте div, где вы хотите поместить свое изображение. , тогда дайте ему идентификатор, в функции javascript вызовите идентификатор div и измените src на изображение, которое вы хотите поместить. на вашей ссылке или в любом месте вы должны изменить изображение, вызвать функцию onclick и использовать функцию javascript. На моем веб-сайте у меня есть 2 изображения, которые onmouseover меняют изображение в другом div совершенно по-другому. Посмотрите на: http://roundhillevents.com и переместите курсор на facebook и на логотип youtube. Если ничего не появилось, подождите некоторое время. PS: Работает только с forefox и не знает почему.