Фоновое изображение не изменится

Question

Фоновое изображение не изменится

0

Я хочу изменить фоновое изображение div внутри setInvterval, но не могу понять, как это сделать. Здесь код:

$('.thumbnail').on({
        'mouseenter': function(){
            var thumbs = $(this).attr('data-num-thumbs');
            var thumb_url = $(this).css('background-image');
            console.log(thumb_url);
            var i = 1;
            setInterval(function(){
                var new_thumb_url = thumb_url.replace(/\d{1,2}\.jpg/gi, i + '.jpg');
                console.log(new_thumb_url);
                $(this).css('background-image', new_thumb_url);
                i++;
                if(i > 10) i = 1;
            }, 3000);
        });
});

Вот как выглядит div:

<div data-num-thumbs="17" class="thumbnail" style="background: url('http://site/img/11.jpg') no-repeat;"></div>

Dmitrii Mikhailov 18 фев. 2014, в 14:10

Источник

2

Возможно, что внутри вашего setInterval $(this) есть что-то другое, чем вы могли ожидать.
putvande 18 фев. 2014, в 12:15
0

Да, ты прав. Итак, как я могу передать аргумент в функцию setInterval?
Dmitrii Mikhailov 18 фев. 2014, в 12:18
0

так что происходит с текущим кодом?
dreamweiver 18 фев. 2014, в 12:19
0

Я полагаю, вы могли бы добавить другую переменную var target или что-то еще, и использовать это в вашей функции setInterval .
putvande 18 фев. 2014, в 12:19

Показать ещё 2 комментария

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Возможно, что внутри вашего setInterval $(this) есть что-то другое, чем вы могли ожидать.
Да, ты прав. Итак, как я могу передать аргумент в функцию setInterval?
так что происходит с текущим кодом?
Я полагаю, вы могли бы добавить другую переменную var target или что-то еще, и использовать это в вашей функции setInterval .

dreamweiver · Accepted Answer · 2014-02-18T09-47-00.000Z

Похоже, что $(this) внутри setInterval() сопоставляет что-то еще, попробуйте это

$('.thumbnail').on({
    'mouseenter': function(){
        $this=$(this);  //store $(this) in a local var
        var thumbs = $(this).attr('data-num-thumbs');
        var thumb_url = $(this).css('background-image');
        console.log(thumb_url);
        var i = 1;
        setInterval(function(){
            var new_thumb_url = thumb_url.replace(/\d{1,2}\.jpg/gi, i + '.jpg');
            console.log(new_thumb_url);
            //$(this).css('background-image', new_thumb_url);
            $this.css('background-image', new_thumb_url);
            i++;
            if(i > 10) i = 1;
        }, 3000);
    }
});

Счастливое кодирование :)

У вас также есть а ) для многих. (от второй до последней строки)
@putvande: спасибо за это, братан, я этого не заметил.