3650
- 0
- Автор: www.gayadesign.com
- Адаптировал: irbees2008
- Источник:
- Уровень сложности исполнения: нужны навыки css hmlt
Если вы дизайнер мы уверены, вы столкнетесь с проблемой людей, желающих иметь полноэкранные фоны, видео . Этот небольшой плагин JQuery поможет вам.
Как использовать.
Плагин работает в любом браузере (IE7 и выше, Firefox, Opera, Safari и Chrome)
руководство по установке:
1.добавляем следующий код в head:
Код:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.fullscreenBackground.js">
</script>
2. следующую структуру в вашу страницу HTML (или что-то подобное):
Код:
<div class="content">
Content goes here
</div>
<div id="background-image">
<img src="path/to/img.jpg" alt="" width="800" height="600" />
</div>
3.Remember для определения ширины и высоты изображения! Это очень важно.
4.После, в вашем CSS. убедитесь, что содержимое страницы (не контейнера "фоновое изображение") является абсолютным и имеет более высокий Z-Index, чем 1.
5.И последнее добавить это в кусок Javascript, предпочтительно в
Код:
$(document).ready();
Код:
$("#background-image").fullscreenBackground();Можешь почитать и вот эту статейку "Мозаичный эффект для фонового слайдшоу"
Это тоже интересно
04.10.17Бегущая строка на Jquery
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.