Jquery 使用替换进行图像切换
我有一个这样的图像列表:Jquery 使用替换进行图像切换,jquery,Jquery,我有一个这样的图像列表: <div class="prizes"> <img src="img/prize1-normal.png" width="102" height="137"> </div> <div class="prizes"> <img src="img/prize2-normal.png" width="102" height="137"> </div> 很好。但现在需要将以前单击的图
<div class="prizes">
<img src="img/prize1-normal.png" width="102" height="137">
</div>
<div class="prizes">
<img src="img/prize2-normal.png" width="102" height="137">
</div>
很好。但现在需要将以前单击的图像切换为正常。如何执行此操作?将其添加到else:
$('.prizes').on('click', function(){
var file = $(this).find('img').attr('src');
var src = (file.indexOf('clicked') == -1) ? file.replace("-normal", "-clicked") : file.replace("-clicked", "-normal");
$(this).find('img').attr("src", src);
});
示例:
“上一次单击”,您是指之前单击过的图像吗?请参见:皮特,当我单击一个项目时,如果单击了另一个项目,则必须将其变为正常。@marcelo2605啊,好的,这从来没有说过。试试这个:谢谢你,皮特!现在一切正常。
$('.prizes').on('click', function(){
var file = $(this).find('img').attr('src');
var src = (file.indexOf('clicked') == -1) ? file.replace("-normal", "-clicked") : file.replace("-clicked", "-normal");
$(this).find('img').attr("src", src);
});
css
.imag1{ background:url("../img/prize1-normal.png") no-repeat;width:102px; height:137px;}
.imag2{ background:url("../img/prize2-normal.png") no-repeat;width:102px; height:137px;}
var count=1;
$(".prizes").live('click', function() {
if(opacity==1){
$(".prizes").removeClass('imag2');
$(".prizes").addClass('imag1')
count=2;
}
else{
count=1;
$(".prizes").removeClass('imag1');
$(".prizes").addClass('imag2');
}
});