2013-09-27 41 views
0

我有一箇中繼器的ASP.NET控件,包含一個圖像滑塊,每10秒顯示3個圖像隨機從DB.I使用UpdatePanel ASP.NET控件重新加載此中繼器.every事情是確定的,但我有一個問題,當通過10秒頁面刷新!我不想刷新頁面。如何解決這個問題?
這是ASP.NET代碼:使用ajax到中繼器更新數據

<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秒後看到這種效果here

回答

0

您需要在頁面加載之後,在開始處獲取所有圖像ID從數據庫到客戶端(您使用JSON對象)。 然後使用「setInterval javascript method」並調用另一個Javascript方法(用於檢查changeImage())。

在changeImage()方法中,您可以選擇中繼器中的img元素,而不是您可以更改值和圖像。我知道現在對你的解釋還不夠,如果你需要更多,我可以幫你..