Хаки и Скрипты Next Generation CMS

полноэкранный фон на JQuery

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

Можешь почитать и вот эту статейку "Удаляем тег p из текста короткой новости на TWIG"

Опрос

Ваше мнение

Как вам наш дизайн сайта?
Результаты

Последние комментарии

Теги

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

Статистика

  • Caйту: 4375 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 661
  • Онлайн всего: [10]
  • Гости: [10]
  • Были сегодня : [2] Яндекс, Google
  • SQL запросов: 33
  • Генерация страницы: 0.479сек
  • Потребление памяти: 6.117 Mb 
  •   Яндекс.Метрика