可點擊的幻燈片

Question

我從這裏開始......我試圖設置一個非常簡單的可點擊幻燈片放映，例如在此頁面上使用的橫向而非垂直。

http://benhulse.com/Look-of-the-Games

我想使用這個插件：

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

他們的基本腳本是：

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
    }); 
}); 
</script> 

我是一個jQuery初學者所以我不知道如何實現腳本中有以下默認選項：

prevNextEvent:'click.cycle',// event which drives the manual transition to the previous or next slide 

我不想要任何效果。

謝謝！

Answer 1

您的要求水平滾動條可以設置FX爲「scrollLeft」

$('#slideshow').cycle({ 
fx:  'scrollLeft', 
speedIn: 2000, 
speedOut: 500, 
easeIn: 'easeInCirc', 
easeOut: 'easeOutBounce', 
delay: -2000 
}); 

感謝

Answer 2

繼續就點擊下一張幻燈片，你可以做這樣的事情：

$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'scrollLeft' // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
    }); 
    $('.slideshow').cycle('pause'); 
    $(".slideshow").click(function() { 
     $('.slideshow').cycle('next'); 
    }); 
}); 

http://jsfiddle.net/KKs2z/1/