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

【问题标题】：How to change image without refreshing the page如何在不刷新页面的情况下更改图像
【发布时间】：2013-04-12 16:23:07
【问题描述】：

我有一个网站，用户可以在其中选择不同的卡片。我需要一种方法，在选择新卡时，页面不会刷新。当我现在单击后退按钮时，它只是回到以前的选择。我需要它返回上一页。这是图像更改的代码

   <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# 中。

【问题讨论】：

由于您使用的是UpdatePanel，您能否将该页面的PostBack 设置为#？

标签： c# jquery html jquery-ui updatepanel

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

尝试使用一些javascript函数。创建一个要放置图像的 div。然后给他一个 ID，在 javascript 函数上调用 div id 并将 src 更改为您要放置的图像。在您的链接上或无论您必须更改图像，调用 onclick 函数并使用 javascript 函数。在我的网站上，我有 2 张图片，onmouseover 改变了其他 div 中的图片完全不同。见：http://roundhillevents.com 并在 facebook 和 youtube 徽标上传递光标。如果什么都没有出现，让光标停留在那片刻。 PS：只适用于forefox，不知道为什么。

【讨论】：