如何为不同大小的图像创建简单的幻灯片

时间:2014-01-31 10:21:13

标签: javascript jquery html web-applications

我正在寻找支持显示不同尺寸图片的Web应用程序的滑块。

我看过nivo滑块,但我需要一个免费的解决方案。我也尝试了彩盒,但我希望它在页面中加载而不是另一个div。

在显示图像方面我想要的东西就像facebook一样,但表现得有幻灯片。

任何人都可以帮助我吗?

2 个答案:

答案 0 :(得分:0)

您可以使用jQuery cycle。查看this example以查看不同的图片尺寸。

答案 1 :(得分:0)

现在可能最常用的方法是Bootstrap 3 Carousel,它支持您可能想要添加到滑块的许多功能。

Bootstrap Carousel将自动在图像之间滑动,也允许用户手动滑动图像,并可以调整为给定的图像大小,或者通过一些CSS调整强制保持相同的大小。

编辑:他们在http://getbootstrap.com/getting-started/#examples处有工作示例。