使用jQuery更改图像

我有一个html页面，其中使用了jQueryUIAccordion。 现在，我必须添加在这个第2页的图像，它应该根据活动部分的不同而有所不同。 我怎么做

HTML:

---

你是对的；你需要把它放在手风琴的变化事件中

您可以按如下方式更改图像：

$('.change').attr('src', someUrl);

HTML:

相反，如果要在两个图像之间切换：

$(document).ready(function() {
    $("#acc").accordion({
        change: function(event, ui) {
            if(ui.newheader == "A header") {
                $("#change1").hide();
                $("#change2").show();
            } else if(ui.newHeader == "Another header") {
                $("#change1").show();
                $("#change2").hide();
            }
        }
    });
});

---

此脚本将显示第一个面板的第一个img，第二个面板的第二个img，依此类推

jQuery(function($)
{

   $("#acc").accordion({
       change: function(event, ui) {
          var index = $(ui.newContent).index("#acc>div");

          $("#pic .change")
             // Hide all
             .hide()
             // Find the right image
             .eq(index)
             // Display this image
             .show();
       }
   });

});

---

n我的图像更改div使用经验：

html:

有了它，你可以在同一个div中拥有你喜欢的任意多张图片

附言

如果你不喜欢你的img在加载时是空的，你可以使用

显示：无

css属性

---

然后使用.show（）；第一次单击时的功能

是否一次只显示这两个图像中的一个？第二个是我需要的。谢谢

<div id="pic">
    <img id="change1" class="change" src="1.png"/>
    <img id="change2" class="change" src="2.png"/>
</div>

$(document).ready(function() {
    $("#acc").accordion({
        change: function(event, ui) {
            if(ui.newheader == "A header") {
                $("#change1").attr("src", "new1.png");
                $("#change2").attr("src", "new2.png");
            } else if(ui.newHeader == "Another header") {
                $("#change1").attr("src", "1.png");
                $("#change2").attr("src", "2.png");
            }
        }
    });
});

$(document).ready(function() {
    $("#acc").accordion({
        change: function(event, ui) {
            if(ui.newheader == "A header") {
                $("#change1").hide();
                $("#change2").show();
            } else if(ui.newHeader == "Another header") {
                $("#change1").show();
                $("#change2").hide();
            }
        }
    });
});

jQuery(function($)
{

   $("#acc").accordion({
       change: function(event, ui) {
          var index = $(ui.newContent).index("#acc>div");

          $("#pic .change")
             // Hide all
             .hide()
             // Find the right image
             .eq(index)
             // Display this image
             .show();
       }
   });

});

<div id="pic"><img id="1" src=""></div>

$(document).ready(function() {
    $("#acc").accordion({
        change: function(event, ui) {
             var url = "";
            /* set immage url here */

           $('1').attr("src", url);
        }
    });
});