用滚动更改背景图像
我有一堆应该适合整个浏览器的图像,当您滚动时,它会更改为下一张图片等等。我是新来的,我真的不知道我在做什么。我一直在看这个:Create website background image that changes on a click这基本上是我想要的,但不是在点击上进行更改,而是在滚动上进行更改。用滚动更改背景图像
不知道它是否是相同的概念......任何想法?
您可以使用$(窗口).scrollTop()来确定当前的滚动量和$(体)的.css( '背景图片', '/i/image.jpg')实际变化背景图像。
$(window).scroll(function() {
var image_url = '/i/image1.jpg'
if ($(window).scrollTop() > 800) {
image_url = '/i/image2.jpg';
}
$(body).css('background-image', "url('" + image_url + "')");
});
这只是一个概念。你应该把所有的图像放在一个“数组”中(如你的例子),并确定要动态应用的图像。
我发现你需要在更改背景时添加'url()'部分。 $(“body”).css('background-image','url(“'+ image_url)+'”)'; –
你说得对,我已经更新了答案。谢谢。 –
你应该真的为这个模糊的问题添加更多信息。 – Layke