Jquery幻灯片切换-如何更改切换时的图像?
我想在切换图像时更改其内部的图像。 有几个类似这样的小部件,因此必须更改相关的小部件图像Jquery幻灯片切换-如何更改切换时的图像?,jquery,jquery-ui,Jquery,Jquery Ui,我想在切换图像时更改其内部的图像。 有几个类似这样的小部件,因此必须更改相关的小部件图像 <div class="widget"> <h3>Inhaltsverzeichnis</h3> <div class="widgetbox"> <ul> <li><a href="#"> Prozessbeschreibung</a></li&g
<div class="widget">
<h3>Inhaltsverzeichnis</h3>
<div class="widgetbox">
<ul>
<li><a href="#"> Prozessbeschreibung</a></li>
<li><a href="#">Produkte & Dienstleistung </a></li>
<li class="active"><a href="#">Beschaffen</a></li>
<li><a href="#"> Prozess-Steckbrief</a></li>
<li><a href="#"> Beschreibung</a></li>
<li><a href="#"> Mitgeltende Dokumente</a></li>
<li><a href="#"> Korrekturhinweise</a></li>
<li><a href="#"> Optimierungsvorschläge</a></li>
<li><a href="#"> Prozessübersicht</a></li>
</ul>
</div>
<div class="slide"><img src="img/slideup.png" width="16" height="15" alt=""/</div>
</div>
现在,当ul被隐藏时,我如何将img slideup.png更改为slidedown.png,下面的代码可以工作,但它会替换所有小部件中的所有图像
if ($('div.widgetbox>ul').css("display")=="none") {
$(".slide>a>img").attr("src", "img/slidedown.png");
}
else{
$(".slide>a>img").attr("src", "img/slideup.png");
}
您可以为img标签提供id 例如:
结果将是相同的,这将是重复的代码写入每个新的框新的id
if ($('div.widgetbox>ul').css("display")=="none") {
$(".slide>a>img").attr("src", "img/slidedown.png");
}
else{
$(".slide>a>img").attr("src", "img/slideup.png");
}
<img src="flower.png" id="image"/>
$(".slide").click(function(){
$(this).prev().children().slideToggle("slow", function() {
$('#image').attr('src','sample.png');
});});