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

Можешь почитать и вот эту статейку "Добавим дополнительные поля в ncm"

mistakes

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

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

Ваше мнение

Ваше отношение к TWIG
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element