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>

当用户点击“更改卡片”时，会打开一个jquery模式框并允许他们更换卡片。感谢您的任何帮助/建议。如果需要，选择新卡的代码在C＃中。

Answer 1

不知道更多，听起来你需要使用AJAX来做到这一点。如果您已经在使用jQuery，请查看jQuery.load（）。您可以向站点上的URL发出AJAX请求，该URL仅返回图像信息并将其加载到您指定的元素中。

以下是文档的链接： http://api.jquery.com/load/

Answer 2

尝试使用一些javascript函数。创建一个想要放置图像的div。然后给他一个ID，在javascript函数中调用div id并将src更改为你想要放置的图像。在您的链接或监视器上，您必须更改图像，调用onclick函数并使用javascript函数。在我的网站上我有2张图片，onmouseover改变其他div完全不同的图像。看到它：http://roundhillevents.com 并将光标传递到Facebook和youtube徽标上。如果没有任何显示，请让光标停留一会儿。 PS：只适用于forefox并且不知道为什么。

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

2 个答案: