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

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

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

Можешь почитать и вот эту статейку "Новости в SLIDE BOXе"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

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

Теги

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

Статистика

  • Caйт cущecтвуeт: 4632 дня
  • Статических страниц: 10
  • Категорий: 28
  • Новостей: 619
  • Неопубликованных новостей: 8
  • Комментариев: 257
  • Зарегестрированных пользователей: 779
  • Онлайн всего: [16]
  • Гости: [16]
  • Сегодня нас посетили: [8] Google, Larrytitly, Яндекс, Яндекс, irbees2008, Google, dankeanke, Google
  • SQL запросов: 42
  • Генерация страницы: 0.124сек
  • Потребление памяти: 4.255 Mb 
  •   Яндекс.Метрика