使用attr src在图像之间淡入淡出

Question

我有下面的代码，但我不会让图片褪色并替换

我看到我正在使用firebug控制台：

“缺少”参数列表后“ 当我点击功能changeBg时，控制台会说“changeBg未定义”

   JS:
<script language="JavaScript">
function changeBg (color) {$("#mainimg1).attr("src",Images/"+color+".jpg).fadeIn(3000)};
</script>
    HTML
    <img id="mainimg1" src="Images/black.jpg">
   <img src="Images/blue.png" onclick="changeBg(this.name);" name="blue">
            <img src="Images/fuksia.png" onclick="changeBg(this.name);" name="fuksia">
            <img src="Images/brown.png" onclick="changeBg(this.name);" name="brown">

感谢。

Answer 1

您忘记了"，无法平衡声明

function changeBg (color) {$("#mainimg1).attr("src",Images/"+color+".jpg).fadeIn(3000)};
                                       ^--- missing " here              ^--and here (thanks Johnny)