Comment changer d'image sans actualiser la page

Question

J'ai un site Web où l'utilisateur peut sélectionner différentes cartes. J'ai besoin d'un moyen où, quand une nouvelle carte est sélectionnée, la page ne s'actualise pas. Quand je clique sur le bouton de retour maintenant il revient juste aux sélections précédentes. J'en ai besoin pour revenir à la page précédente. Voici le code pour l'image changement

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

Lorsque l'utilisateur clique sur « Carte Change » une boîte modale jquery ouvre et leur permet de changer la carte. Merci pour toute aide/conseil. Si nécessaire, le code derrière pour sélectionner une nouvelle carte est en C#.

Answer 1

Sans en savoir plus, il semble que vous ayez besoin d'utiliser AJAX pour cela. Si vous utilisez déjà jQuery, consultez jQuery.load(). Vous pouvez effectuer une requête AJAX sur une URL de votre site qui ne renverra que les informations sur l'image et la chargera dans l'élément que vous spécifiez.

Voici un lien vers la documentation: http://api.jquery.com/load/

Answer 2

Essayez d'utiliser une fonction javascript. créer un div où vous voulez mettre votre image. puis lui donner un identifiant, sur la fonction javascript, appelez le div id et changez le src pour l'image que vous voulez mettre. sur votre lien ou chaque fois que vous devez changer l'image, appelez la fonction onclick et utilisez la fonction javascript. Sur mon site Web j'ai 2 images, que l'onmouseover changer une image dans d'autres div complètement différent. le voir sur: http://roundhillevents.com et passer le curseur sur le facebook et sur le logo youtube. Si rien ne s'affiche, laissez le curseur sur ce point un petit moment. PS: Fonctionne uniquement avec forefox et ne sait pas pourquoi.