배경 이미지가 변경되지 않습니다

Question

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이 같은 모습입니다 : 여기에 코드입니다 :) 코딩 그것은 setInterval() 내부 $(this)과 같은

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

Answer 1

뭔가 다른 매핑은, 노력이

$('.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); 
    } 
}); 

해피