滚动水平幻灯片

Question

基本上，大约4秒后，我希望一组3个缩略图（作为一个组）旋转到另一组三个缩略图。这里有一个例子，但想象3个单独的图像，而不是1个。http://pk3solutions.com/2013_Fall/cas222%20%28Intermediate%20Website%20Creation%29/nifty/Index.html我还希望这些图片有可点击的链接。

以下是我目前所掌握的：http://pk3solutions.com/2013_Fall/cas222%20%28Intermediate%20Website%20Creation%29/final_project/portfolio.html

此外，我希望能够立即使用缩略图下的链接，将集切换到不同的3。有没有一种方法可以做到这一点而不制作单独的网页？可以说，这些链接基本上是一个"过滤器"。

到目前为止，我只有这些：

$('#s1').cycle({ 
    fx:     'scrollHorz', 
    prev:   '#prev1', 
    next:   '#next1', 
    timeout: 0, 
    rev: true 
});

Answer 1

jquery循环

 jQuery("#slideshow").cycle({
    timeout:0, // no autoplay
    fx: 'fade', //
    next: '#next',
    prev: '#prev'
 });

查看演示！