Question

我正在使用backstretch获取全屏背景。在我的一个网站上，只需在开始的正文标记之后使用此代码完全正常：

<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>

blablabla blablabla

CSS代码：

#presentation {
    height: 1300px;

}

#presentation2 {
    height: 1300px;

}

#presentation3 {
    height: 1300px;

}

Answer 1

在jquery.backstretch.min.js中找到此代码 return a("body").backstretch(c,b).data("backstretch")

并改变＆＃34;身体＆＃34;到＆＃34; .backstretch＆＃34;

现在，将.backstretch课程提供给您的div

完成。

Answer 2

有两种方式。

将脚本移至div标签

将其更改为以下

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

延伸代码问题（DIV背景）

2 个答案: