Jcarousel - 在无限循环中首先显示最后一个图像

时间:2011-09-01 21:33:47

标签: jquery loops jcarousel carousel

我想知道是否有人使用Jcarousel会有关于如何克隆或显示轮播的最后一张图像作为第一张图像的建议。

5张照片的示例,其中轮播显示3张图片,目前看起来像这样:

1 - 2 - 3(4和5等待显示)

相反,这是我在加载时尝试实现的目标:

5 - 1 - 2(3和4等待显示)

我目前使用的是以下设置:

换行:'循环', 滚动:1, auto:1,

我尝试过偏移量:-1但是显示空白但不起作用。

我还尝试了一个偏移来启动带有最后一个图像的轮播 - 但是,如果将换行设置为'圆形',这也不起作用,并且在您手动加载它们之前将其他图像留空。

我已经尽力寻找自己的答案,但感谢您的帮助,谢谢您。

编辑:我也愿意接受可以做到这一点的不同脚本的建议 - 谢谢!

编辑#2:首先感谢那些评论。进一步的研究:我发现这个网站(www.anothermag.com)能够很好地显示最后一张图像,我相信它是基于代码使用Jquery SerialScroll。我还没试过这个但看起来很有希望。我的另一个想法是看看我是否可以将最后一个图像显示为Wordpress循环中的第一个,这样它仍然使用Jcarousel但硬编码最后一个图像。将发布更多更新。

编辑#3:最终解决方案:

我已经选择了Sparky672下面的答案,因为我认为可以说Jcarousel截至今天没有能够在没有干预重新加载图像的情况下这样做。

但是,如果有人对选项/替代方案感兴趣,我将使用Fred HQ的优秀剧本“Roundabout”。我将使用的示例是:http://fredhq.com/projects/roundabout/demo/around

通过一些小的修改,它将完全满足我的需要而无需在装载部分进行太多工作。

设置是将所有图像的不透明度设置为1,将倾斜设置为0,在设置的间隔中添加自动滚动,将框的大小设置为相同的大小。

这个特殊的旋转木马需要一个白色的分隔符,所以我将使用“动物周围事物”的例子,使中间的“东西”成为一个白色的盒子,以隐藏被环绕的东西。

我希望这有助于某人。

再次感谢!

2 个答案:

答案 0 :(得分:1)

您看到这些空白图片,因为您使用的是破损的选项。 jCarousel是一个很棒的脚本,但即使是开发人员也承认wrap:circular is not working。开发人员自己的demo shows the circular wrap issue(取决于浏览器)。几个月来他已经talking about fixing it了。我仍然使用插件,但我只是不使用wrap:circular选项。

  

编辑:我也愿意接受可以做的不同脚本的建议   这 - 谢谢!

您可以尝试jCarousel Lite作为替代方案。当我想要一个圆形包装时,我使用了jCarousel Lite。

答案 1 :(得分:1)

jCarousel Lite无法开箱即用。

要制作3张图像可见圆形的幻灯片,它会克隆前3张图像和最后3张图像。请参阅默认配置演示:http://www.gmarwaha.com/jquery/jcarousellite/#demo

这意味着您需要在启动插件之前修改图像的顺序。