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代码，因为它是word press的付费主题。如果您不想自己编写，我建议购买主题，因为它完全符合您的要求。

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

如何用旋转背景图像填充浏览器窗口？

2 个答案:

检查http://jsfiddle.net/ewsQ7/