У меня есть отзывчивое фоновое изображение, которое появляется и исчезает с помощью плагина jQuery vegas http://vegas.jaysalvat.com/
У меня есть логотип в отдельном div, который появляется и исчезает перед фоновым изображением. Он должен быть расположен абсолютно в определенном месте на фоновом изображении. Я изменил плагин, чтобы обновить логотипы слева и сверху.
Как мне сделать так, чтобы, если фон отзывчивый, логотип оставался в правильном месте изображения?
Спасибо
Вы можете сделать так, чтобы вы также вращались по набору вашего логотипа, где каждое изображение в наборе логотипов было бы того же размера, что и фоновые изображения, а размещение логотипа на этих изображениях соответствовало бы тому, где он должно быть для этого соответствующего фонового изображения.
Вы можете попробовать поместить элемент логотипа в элемент изображения для слайд-шоу в Вегасе. Это будет выглядеть примерно так, я думаю:
<img id="vegas-background">
<div id='logo-wrapper' style='position: relative; height: 100%;'>
<img id="logo" />
</div>
</img>
Относительное положение на логотипе-обертке сделает так, что абсолютное положение будет относительно изображения, а не страницы, как сейчас. Я считаю, что Vegas создает этот элемент img, поэтому вам нужно будет вставить логотип-оболочку и элемент логотипа, используя javascript (jquery, используемый ниже), возможно, используя одно из событий Vegas:
$('body').bind('vegasstart',
function(e) {
$('vegas-background').append("
<div id='logo-wrapper' style='position: relative; height: 100%;'>
<img id="logo" />
</div>
");
}
);
