jquery - 回溯代码问题(DIV 背景)

标签 jquery html css jquery-backstretch

我正在使用 backstretch全屏背景。 在我的一个网站上,在开始的 body 标签之后,这段代码可以很好地工作:

<script>
$.backstretch([
      "images/1.jpg"
    , "images/2.jpg"
    , "images/3.jpg"
  ], {duration: 6000, fade: 750});

</script>

但是在我的新网站(具有多个 div 的一个页面布局)上不起作用。我按照 backstretch 网站上的建议尝试了以下代码 - 我希望每个 DIV 有不同的全屏背景:

<script>
 $("#presentation").backstretch("../images/bg-24.jpg");
 $("#presentation2").backstretch("../images/bg-25.jpg");
 $("#presentation3").backstretch("../images/bg-26.jpg");
</script>

然后

<div id="presentation">
blablabla
</div>
巴拉巴拉 巴拉巴拉

CSS 代码:

#presentation {
    height: 1300px;

}

#presentation2 {
    height: 1300px;

}

#presentation3 {
    height: 1300px;

}

最佳答案

在 jquery.backstretch.min.js 中找到这段代码
返回 a("body").backstretch(c,b).data("backstretch")

并将“body”更改为“.backstretch”

现在,给你的 div 添加 .backstretch

完成。

关于jquery - 回溯代码问题(DIV 背景),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17126091/

相关文章:

jquery-ui - Jquery UI 自动完成图像

javascript - 我对事件函数中的参数感到困惑

html - 我怎样才能做 mansory 风格或类似这个图像区域的东西

css 悬停效果大小增加影响其他元素

javascript - jQuery 插件。添加选项和回调函数

javascript - 分析 jQuery 应用程序

javascript - jquery 如何制作 5 秒动画然后 fadeOut()

javascript - 如果另一个 div 的高度大于值(使用 jquery),则移动一个 div

jquery - 将自定义的 <option> 添加到所有现有的 <options>

javascript - 为什么 JQuery 不显示 div