클릭 할 수있는 슬라이드 쇼

Question

여기에서 시작합니다 ...이 페이지에서 사용되는 것과 같은 매우 간단한 클릭 가능한 슬라이드 쇼를 설정하려고합니다. 그러나 수직이 아닌 가로입니다.

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

나는이 플러그인을 사용하는 것을 시도하고있다 : 나는 그래서 JQuery와 초보 구현하는 방법을 잘 모르겠습니다

<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> 

:

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

그들의 기본적인 스크립트입니다 스크립트에 대한 다음 기본 옵션 :

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

나는 어떤 효과도 원하지 않습니다.

감사합니다. 가로로 스크롤 할

Answer 1

귀하의 요구 사항을 클릭에 다음 슬라이드로 계속하려면 "scrollLeft에"로

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

감사

Answer 2

을 FX를 설정할 수 있습니다, 당신은 같은 것을 할 수 있습니다

$(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/