Question

我通过jQuery自动使用data-image属性更改div的图像。这是我的jQuery：

$(document).ready(function () {
        var img_array = [1, 2],
            newIndex = 0,
            index = 0,
            interval = 5000;

        (function changeBg() {
            index = (index + 1) % img_array.length;

            $('#backgroundimg').attr('data-image', function () {
                $('#backgroundimg').animate({
                    backgroundColor: 'transparent'
                }, 1000, function () {
                    setTimeout(function () {
                        $('#backgroundimg').animate({
                            backgroundColor: 'rgb(255,255,255)'
                        }, 1000);
                    }, 3000);
                });
                return 'http://www.eric-schwab.de/images/other/background/'+img_array[index]+'.jpg';
            });
            setTimeout(changeBg, interval);
        })();
});

这是我的div：

<div id="backgroundimg" ></div>

当我检查元素时，我能够看到数据图像发生变化，但我无法看到图像。我在这里做错了什么？

这里是小提琴： http://jsfiddle.net/eLbkvabx/2/

编辑：我正在使用imageScroll.js插件，这是我想要应用的website。

我感谢任何帮助和提示！

请

埃里克

Answer 1

通过使用div属性设置data-image，您不会在div中看到任何适用的图像。

为了将背景图片应用于div，请使用jQuery的css函数：

$('#backgroundimg').css('background-image', 'url(' + imageUrl + ')');

通过jQuery更改数据图像属性

1 个答案: