可点击的幻灯片

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/