Asp.net 在repeater中使用ajax更新数据

我有一个repeater ASP.NET控件，它包含一个图像滑块，从DB中随机每隔10秒显示3个图像。我使用UpdatePanel ASP.NET控件重新加载此repeater。一切正常，但我有一个问题，当超过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秒后看到这种效果。

页面加载后，您需要在开始时获取从DB到客户端（使用JSON对象）的所有图像ID。 然后使用“setInterval javascript方法”并调用另一个javascript方法（对于examle changeImage（））

在changeImage（）方法中，在中继器中选择img元素，然后可以更改值和图像。我知道这个解释现在对你来说还不够，如果你需要更多，我可以帮你