wp next_post分頁幻燈片效果

Question

首先，我不擅長jQuery和編碼。

我試圖實現像this one幻燈片效果，但水平與jQuery。 我在Wordpress下，當用戶點擊next_posts_link和previous_posts_link時，我一次只加載15個帖子（僅縮略​​圖和標題）和ajax。我使用淡入淡出效果工作，但我無法像上面的網站那樣使用幻燈片效果。

我得到的東西使用jQueryUI的工作，但基本上我有2個問題：

• 當我「隱藏」的第一個div，它向左滑動，二是經過一段時間出來（我認爲是加載時間）。我想給出更多的「推動」效果，顯示下一個div進入第一個出局。也許這可以通過某種預加載來完成。

• 我只能在一個方向上進行此操作（第一個div隱藏在左側，第二個div從右側進入）。當我點擊「下一個」或「上一個」按鈕時，我需要正確的方向。

這是我用JS：

<script type="text/javascript" charset="utf-8"> 
       jQuery(document).ready(function(){ 
        jQuery('#nav-above a').live('click', function(e){e.preventDefault();var link = jQuery(this).attr('href'); 
        jQuery('#nav-above').load(link + ' #nav-above');jQuery('#container-home').hide("slide", { direction : "left" }, 200).load(link + ' #content', function(){ jQuery('#container-home').show("slide", { direction: "right" }, 200); 
        }); 
       }); 
      }); 
</script> 

Answer 1

我想你需要像自行車的scrollRight。

檢查出來，如果您需要幫助，就說出來。

http://jquery.malsup.com/cycle/