Хаки и Скрипты Next Generation CMS : Изображения : полноэкранный фон на JQuery

irbees2008 Опубликовано - 26 - апреля Изображения

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

Можешь почитать и вот эту статейку "Исправляем ошибки с помощью пользователей"

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

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