如何在更新後滑動更新面板內容

我有一個包含圖像和按鈕的更新面板。當點擊「Next Image」按鈕時，圖像控件一次顯示一個圖像，點擊「Previous Image」按鈕顯示上一個圖像。代碼示例是這樣的如何在更新後滑動更新面板內容

protected void btnNext_Click(..) 
{ 
    Image1.ImageUrl=getNextImageFromDatabase(); 
    UpdatePanel1.Update(); 
} 
protected void btnPrevious_Click(..) 
{ 
    Image1.ImageUrl=getPreviousImageFromDatabase(); 
    UpdatePanel1.Update(); 
}

現在我想知道的是，有沒有什麼辦法，我可以幻燈片圖像或更新面板任何內容上的「下一張」點擊，同樣向右時，左點擊時在「上一張圖片」上？有什麼方法使用AjaxToolKit或JQuery？

來源

2012-08-04 Shiva Pareek

您可以使用jQuery的淡入淡出方法，它看起來像一個幻燈片效果

見例如這裏http://api.jquery.com/promise/#example-1

來源

2012-08-04 17:45:57 HatSoft

與jQuery你可以簡單的動畫利潤率左爲負值，因此圖像會disapear。我本人來說使用此解決方案：

上一個/上一個按鈕
顯示加載圖像（GIF）用戶點擊
創建圖像（var img = new Image()）在javascript該圖像
集的onload動作移動舊的左/右，並追加新的圖像等。
get next/prev image url
分配創建的圖像的src，所以當它被加載時，onload動作被執行。

在這種情況下，AjaxToolkit可能不是最乾淨的解決方案。你可能需要做一些簡單的服務，返回nex/prev圖像url，但這只是幾行代碼...

來源

2012-08-04 17:53:52 szamil

AjaxToolkit是否是最乾淨的解決方案？ – 2012-08-04 17:55:03

好點。回顧我對這些擴展和小時的經驗浪費...... ;-) – szamil 2012-08-04 17:57:39

如何在更新後滑動更新面板內容

回答

相關問題