幻灯片图像的视差效果

Question

我有一个带全屏滑块的网站，我正在尝试添加视差效果，就像在此web

对于全屏滑块：superslides.js

视差效果：stellar.js

问题：视差效果仅将css中添加的宽幅图像用作背景。但是，如果我在HTML中添加图像，那么superslider.js只会将图像大小调整为窗口大小。

有人使用这两个插件取得了成功吗？你知道我是否可以用其他类似的插件来实现这个目标吗？

Answer 1

尝试

http://www.jarallax.com/

这个插件与恒星有点不同。我也经常使用stellar，我经常没有找到将滑块合并到paralax的方法！

Answer 2

我找到了解决方法：

视差效果：stellar.js 滑块：光滑的旋转木马

为所有轮播元素设置背景图像，然后启动

$(window).stellar()

我用 'responsive: true'选项，我需要从我的div中删除'background-size: cover'，但一切都很顺利！唯一的问题是，我需要使用淡入淡出过渡以保持背景到位。我现在，这是一个解决方法，但这是我使用的：D

http://jsfiddle.net/marcomessa/ew2oqfym/

P.S。用鼠标或箭头键拖动幻灯片