JQuery backstretch внутри div?

Question

Я пытаюсь получить полноэкранное фоновое изображение внутри div, используя JQuery.

Я использую плагин Backstretch , который работает нормально, но привязывает изображение к тегу body.

Я хочу применить это к div с идентификатором home_middle_bg, есть идеи?

Спасибо

Answer 1

Я добавил новый параметр настроек, который по умолчанию равен body, если он не определен.Таким образом, предложение сверху будет выглядеть так:

 if($(settings.targetObject + ' #backstretch').length == 0) {
      $(settings.targetObject).append(container);
 }

Answer 2

На самом деле изображение привязано к элементу div, и оно предшествует телу: вы можете изменить его вручную, заменив (строка 69 плагина):

            if($("body #backstretch").length == 0) {
                $("body").prepend(container);
            }

на

            if($("#home_middle_bg #backstretch").length == 0) {
                $("body").prepend(container);
            }

Answer 3

Для меня причина скачка в плагине jquery.backstretch.js была решена путем обновления кода плагина:

Вместо (по умолчанию)

t.backstretch=function(i,e){return t("body").backstretch(i,e).data("backstretch")}

для меня это сработало при обращении backstretch к другому контейнеру:

t.backstretch=function(i,e){return t("#header").backstretch(i,e).data("backstretch")}....

С уважением, ventilator5000

Answer 4

Если вы все еще хотите использовать этот плагин, вам нужно изменить его здесь (замените «тело» на то, что вы хотите): https://github.com/srobbin/jquery-backstretch/blob/fcb8ee843b4d88a5081668ec615afd6a57da8242/jquery.backstretch.js#L72