Как заполнить окно браузера вращающимся фоновым изображением?

Question

Я пытаюсь выяснить, как заполнить окно браузера фоновым изображением и иметь масштаб изображения, если пользователь настраивает экран окна браузера.

Кроме того, мне бы хотелось, чтобы фоновое изображение вращалось от 3 до 5 различных изображений.

Пример того, что я ищу, можно увидеть здесь:

http://elegantthemes.com/preview/InStyle/

Answer 1

Концепция смены фона проста.Вот быстрый пример того, как я менял фоны, меняя классы тела.

var bg = ['img3', 'img1', 'img2'];
$.each(bg, function(index, ui) {
    setTimeout(function() {
        $('body').removeAttr('class').addClass(ui);
    }, 2000 * index)
});

проверьте рабочий пример на http://jsfiddle.net/ewsQ7/

Answer 2

Они используют jquery для создания перекрестного затухания между изображениями и текстом.Проверьте строку 27

http://elegantthemes.com/preview/InStyle/wp-content/themes/InStyle/js/custom.js

Я не собираюсь вырезать и вставлять код js для этого, потому что это платная тема для печати слов.Если вы не хотите писать все сами, я предлагаю купить тему, так как она делает именно то, что вы хотите.

http://www.wpthemesnews.com/theme-releases/instyle-a-premium-wp-theme-from-elegantthemes/