Делаем динамичный (изменяющийся) фон (background)

Так случилось, что заказчику захотелось больше эффектности от его сайта и он решил сделать автоматически изменяющийся фон сайта. То есть реализовать необходимо было так, чтобы фоновая картинка через определённый промежуток времени менялась на другую картинку бэкграунда.

Пришлось поискать шаблон с похожим решением и вытянуть оттуда необходимые мне исходники. В итоге я нашёл то, что искал и делюсь с Вами — может кому пригодится.

В любой файл яваскрипта подгружающегося на сайте добавить это:

Где http:// отвечает за путь к фоновым изображениям на сервере, а fon1.jpg и fon2.jpg — это уже непосредственно фоновые картинки..

И собственно ещё необходимо будет подключить файл jquery.backstretch.min который можно скачать ниже.

скачать jquery.backstretch.min

В общем красивое эффектное решение, которое наверняка может пригодиться для соответствующих проектов.

посмотреть пример

В примере, с помощью меняющегося фона оформлена главная страница — данный скрипт в данном случае работает вместо слайдера изображений.

CMS WordPress CMS Opencart CMS Joomla HTML&CSS JavaScript PHP Хостинг
Рекомендуемый хостинг!
Хостинг AdminVPS
25$ на карту Payoneer!

Лучший способ получения заработка для фрилансеров,
работающих на зарубежных заказчиков.

карта Payoneer

Регистрируйтесь в системе Payonner по партнёрской ссылке и получайте 25$ на свой счёт.

Более подробная информация на сайте payoneer.com

зарегистрироваться