Проблема с кодом backstretch (фон DIV)

Question

Я использую backstretch для полноэкранного фона. На одном моем сайте он отлично работает с этим кодом сразу после тега открытия тела:

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

</script> 

Однако на моем новом сайте (один макет страницы с несколькими дивы), что не работает. Я попытался код ниже, как предложено на сайте Бэкстретч - Я хотел бы другой полный фон экрана за 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; 

} 

Answer 1

Есть два пути.

1. Переместить скрипт ниже сНу тега

2. изменить его к следующему

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

Answer 2

Найти этот код внутри jquery.backstretch.min.js
return a("body").backstretch(c,b).data("backstretch")

и измените «тело» на «.backstretch» ​​

Теперь дайте .backstretch класс в DIV

Done.