Как сменить фон у DIV через определённый промежуток времени?

Для того, чтобы вместо смены цветов были изображения вам надо в строчке colors = ['yellow', 'red', 'green', 'blue'] названия цветов заменить на пути к картинкам, а строчку wp.style.cssText = "background: " + colors[i] +";"; заменить на wp.style.cssText = "background: url(" + colors[i] +") 50% 50% no-repeat;";

Как сменить фон у DIV через определённый промежуток времени?

Рад что смог помочь. Удачи)

Возможно ли сделать бекграунды не стандартной формы в адаптивном дизайне? Стоит ли вообще?

Все нормальные браузеры и IE9+

Как использовать "или" в селекторе атрибутов?

Да конечно, просто type аттрибут специфический используется в основном в полях форм, так что можно и ко всем применить. Ну это все зависит от построения страницы.

Как использовать "или" в селекторе атрибутов?

Еще покороче можно так:
input[type="text"],[type="email"] {
background-color: #000;
}

Как использовать "или" в селекторе атрибутов?

Тогда единый класс для стилизуемых элементов ваш выбор) Или используйте препроцессоры.