jQuery逐渐改变了块的背景

Question

我的页面上有jquery旋转木马，上面有几张图片。我找到当前图像，获取数据参数并将其用作div

的背景图像值

slideItems.removeClass('current');
slideItems.eq(currentSlide).addClass('current');
var current_image_src = $('.carousel .slideItem.current img').data('bg-image-src');
$('.conteiner').css('background-image', 'url(http:' + current_image_src + ')');

但是使用此代码背景图像会急剧变化  有没有办法使用animate()逐步更改背景图片？

Answer 1

其中一个解决方案是将transition: background-image 1s添加到conteiner课程，然后只需更改背景图片。

FIDDLE