Как сменить фон div блока без перезагрузки страницы?

Question

[Хабиб Омаров]

Есть такой div
<div id="wrapp-bg">
ему задана определенная высота и ширина фон задан через стили, в качестве фона имеется картинка
Как можно сделать так чтоб фон этого элемента плавно менялся, можно сделать переключаясь в классах я примерно знаю каким путем можно. Но реализовать сам процесс не получается что то

Comments

[Петруша Укропов]

Градиент, или чтобы цвета плавно менялись?

[Хабиб Омаров]

в стилях задана картинка, нужно сменить картинку через определенное время

Answer 1

[Евгений Самойленко]

Приведите код, что не получается?
Вообще для плавного изменения стилей блока используйте .animate() и все будет хорошо!

Comments

[Хабиб Омаров]

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

[Евгений Самойленко]

Хабиб Омаров: так напишите его!)

Answer 2

[Ilya Pavlov]

JavaScript или CSS псевдоклассы + transition

Comments

[Хабиб Омаров]

Мне нужен скрипт просто

[Ilya Pavlov]

Создаете два блока с готовыми картинками. Тот на который нужно поменять ставите снизу. Тот что сверху должен плавно исчезать. Ставите CSS transition: opacity 1s. На JavaScript пишите document.getElementById('id').style.opacity = '0';
Можно поставить события, таймеры. Картинка плавно измениться за 1 секунду