如何在不刷新页面的情况下更改图像

本文关键字：情况下 图像 刷新 | 更新日期: 2023-09-27 18:08:47

我有一个网站，用户可以选择不同的卡。我需要一种方式，当一个新的卡被选中，然后页面不刷新。当我点击后退按钮时它就会回到之前的选择。我需要它回到前一页。下面是图像更改

的代码
   <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>

当用户点击"更改卡片"时，一个jquery模态框打开并允许他们更改卡片。谢谢你的帮助/建议。如果需要，选择新卡片的代码在c#中。

如何在不刷新页面的情况下更改图像

在不了解更多信息的情况下，听起来您需要使用AJAX来完成此操作。如果您已经在使用jQuery，请查看jQuery.load()。您可以向站点上的url发出AJAX请求，该url将只返回图像信息并将其加载到您指定的元素中。

这里是文档的链接:http://api.jquery.com/load/

尝试使用一些javascript函数。创建一个div，你想把你的图像。然后给他一个ID，在javascript函数中调用div ID并将src更改为您想要放置的图像。在你的链接或任何你必须改变图像的地方，调用onclick函数并使用javascript函数。在我的网站上，我有2张图片，那onmouseover改变一个图像在其他div完全不同。详见:http://roundhillevents.com把光标放到facebook和YouTube的logo上。如果什么也没有出现，让光标在上面停留一会儿。PS:只适用于forefox，不知道为什么。

相关文章：