• 1915
  • 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();
6.скачать архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковать и залить по умолчанию в корень сайта,если в другую директорию,то не забудьте прописать в скриптах новые пути подключения

Можешь почитать и вот эту статейку "Фоновое слайд шоу с BLUR эффектом HTML5"

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

Вы нашли что искали?
Результаты

----