0

我有一个中继器 ASP.NET 控件,其中包含一个图像滑块,每 10 秒随机从 DB 中显示 3 个图像。我使用 UpdatePanel ASP.NET 控件重新加载此中继器。一切正常,但我有问题,过了10秒页面刷新!我不想刷新页面。如何解决这个问题?
这是 ASP.NET 代码:

<div id="middleSliderArea">
        <div class="pikachoose">
            <ul id="pikame">
                <asp:Repeater ID="Repeater1" runat="server">

                    <ItemTemplate>
                        <li>
                            <asp:UpdatePanel runat="server" ID="UpdatePanel1">
                                <ContentTemplate>
                                    <asp:Timer runat="server" ID="Timer1" Interval="10000" OnTick="Timer1_Tick"></asp:Timer>
                                    <a href='<%#"MoreInfo.aspx?id="+Eval("ID") %>'>
                                        <img runat="server" src='<%#Eval("Image") %>' /></a><span><%#Eval("Brief") %></span>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>
    </div>  

你可以在 10 秒后在这里看到这个效果。

4

1 回答 1

0

在页面加载之后,您需要在开始时从数据库获取所有图像 ID 到客户端(您使用 JSON 对象)。然后使用“setInterval javascript 方法”并调用另一个 Javascript 方法(例如 changeImage() )。

在 changeImage() 方法中,您可以在转发器中选择 img 元素,而不是更改值和图像。我知道现在的解释对你来说还不够,如果你需要更多我可以帮助你..

于 2013-12-14T16:44:07.900 回答