幻燈片使用jquery

Question

我有一個幻燈片，由jQuery創建，默認從左到右滑動。有一個下一個按鈕，點擊時應該從左向右滑動圖像，同時點擊上一個按鈕，圖像應該從右向左滑動。

目前我有這樣一段代碼：

jQuery('.slider').cycle({ 
     fx:  'scrollRight', 
     speed: 1000, 
     timeout:5000, 
     next: '.next', 
     prev: '.prev' 
    }); 

現在從右到默認並單擊下一步按鈕，按要求左側的幻燈片，但 它必須從從左向右移動以前的按鈕點擊這是不會發生..

我會真的心存感激，如果任何機構可以在這個問題上幫助..

編輯： 這裏是html代碼：使用HTML5Slides，由谷歌提供免費的解決方案

<div class="slider ddblock-processed" style="position: relative; width: 990px; height: 396px; visibility: visible; overflow-x: hidden; overflow-y: hidden; "> 
     <div class="slide" style="position: absolute; top: 0px; opacity: 1; width: 990px; height: 396px; z-index: 4; left: 990px; display: none; "><img src="http://files/images/ddblock/mobile-apps.png" alt="image" style="height: 392px; width: 990px; " class="ddblock-processed"></div> 
     <div class="slide" style="position: absolute; top: 0px; opacity: 1; width: 990px; height: 396px; z-index: 4; left: 990px; display: none; "><img src="http://files/images/ddblock/seo.png" alt="image" style="height: 392px; width: 990px; " class="ddblock-processed"></div> 
     <div class="slide" style="position: absolute; z-index: 5; top: 0px; opacity: 1; display: block; width: 990px; height: 396px; left: 0px; "><img src="http://files/images/ddblock/web-applications.png" alt="image" style="height: 392px; width: 990px; " class="ddblock-processed"></div> 
     <div class="slide" style="position: absolute; top: 0px; opacity: 1; width: 990px; height: 396px; z-index: 4; left: 990px; display: none; "><img src="http://files/images/ddblock/webdesign.png" alt="image" style="height: 392px; width: 990px; " class="ddblock-processed"></div> 
     </div> 
<!-- prev/next pager on slide --> 
     <div class="pager-slide prev-container prev-container-top"> 
    <a class="prev" href="#"></a> 
    </div> 
    <div class="pager-slide next-container next-container-top"> 
    <a class="next" href="#"></a> 
    </div> 

Answer 1

嘗試。