Перейти к содержанию

Рекомендуемые сообщения

Добрый день!

Необходимо на сайте ocstore сделать такой же как здесь переливающийся бэкраунд

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
...
<div class="bg-container4 bg-container" style="background-image: url("http://ice-show.ru/img/bg_9.jpg"); display: block;"></div>
<div class="bg-container5 bg-container" style="background-image: url("http://ice-show.ru/img/bg_11.jpg"); display: none;"></div>
...

При помощи JS меняете CSS свойство "display"

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
4 часа назад, colaweb сказал:

...
<div class="bg-container4 bg-container" style="background-image: url("http://ice-show.ru/img/bg_9.jpg"); display: block;"></div>
<div class="bg-container5 bg-container" style="background-image: url("http://ice-show.ru/img/bg_11.jpg"); display: none;"></div>
...

При помощи JS меняете CSS свойство "display"

 

Спасибо за отклик.

Мне уже сделали :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Колхозно. Трансформируюя, посредством чистого css3, свойства SVG можно сделать полее плавную и впечатлительную анимацию бэкграунда. Разумеется при меньшем же размере - большие jpg грузить не надо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
4 часа назад, zlatoff сказал:

можно сделать

Покажете реализацию?

Изменено пользователем destreser

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.