在Javascript中更改图像

我有一个脚本，可以很好地改变图像，但不是很顺利。我如何才能改变这一点，使他们顺利改变

//--------AutoPlay select--------------------------
function autoPlaySlider(id){

    var recNumber = parseInt(id)+1;

    if(jQuery("#simg_"+recNumber).length){ 

        jQuery("#rt-header-surround")
            .attr("style",'background-image:url('+jQuery("#simg_"+recNumber).attr("imgpath")+')');

    }else{

        jQuery("#rt-header-surround")
            .fadeOut()
            .attr("style",'background-image:url('+jQuery("#simg_"+lastone).attr("imgpath")+')');

    }
}

$（）.fadeOut（）；应用于元素，而不是其背景

---

如果你想动画CSS属性，你最好的选择是使用

定义流畅，这是一个模糊的词。衰退？调整大小？@ErikPhilips如果你注意到

.fadeOut（）

你就会知道efx OP想要什么。问题很简单，淡入淡出将不适用于背景图像更改（

.attr（“style”），'background-image

）。请将跟踪它的完整代码和html代码放在jsfiddle.net上。如果两个层相互重叠，将当前图像设置为前一层，将下一个图像设置为后一层，则可以使用类似

$（“#currentDiv”）。设置动画（{backgroundPositionX:'-100%}）

将图像滑出，或设置动画（{code>$）（“#currentDiv”）。设置动画（{opacity:0}）将图像淡出

$（）.fadeOut（）；

设置

style=“display:none；”

动画完成后，如果相关元素的容器具有

auto

高度，这将导致容器的高度发生变化，这在横幅滑块等情况下通常是不需要的。如果在父元素上设置固定宽度/高度+

位置：相对

，则可以

位置：绝对

on是子对象（幻灯片），然后子对象将不会相互堆叠，而是相互叠放。