滑动视差背景图像

时间:2016-04-07 09:22:08

标签: javascript html css scroll parallax

我最近在一个实际上是一系列长滚动页面的网站上工作。它有一些大的背景图像,利用视差效果以及一些旋转木马和常规文本内容。我正在使用ken wheeler的[slick]作为旋转木马。 1Live demo site here

我的问题是,是否有人知道如何使用视差效果创建大型图像轮播(如下图所示)?目前使用Parallax.js插件(http://pixelcog.github.io/parallax.js/)实现了效果,但我对其他插件/方法持开放态度。提前感谢任何有正确方向的想法或指示。

我希望将视差效果滚动添加到的当前轮播的屏幕截图: Screenshot of current carousel that I wish to add parallax effect scrolling to

*编辑:我尝试使用parallax.js方法在轮播中创建多个幻灯片以添加背景图像。但是,这只会使第一个图像用作恒定背景,并且在单击箭头时不会滑离屏幕

0 个答案:

没有答案