Question

jquery 点击事件 实现图片切换

怎样在我给的这段代码中实现 点击图片1 之后把图片1替换成图片2 并且 点击 图片2替换成图片1

function showLm(lmid) {
if($("#divLm"+lmid).css("display")=="none") {
$("#divLm"+lmid).show();
} else {
$("#divLm"+lmid).hide();
}
}
在这段代码中实现效果，谢谢各位了

Answer 1

实现图片切换方式举例如下：

html代码:
<div>
<div class="lable">
<span class="cur">图一</span><span>图二</span><span>图三</span> </div>
<div class="imgs">
<img src="1.jpg" class="cur"/>
<img src="2.jpg" />
<img src="3.jpg" />
</div>
</div>

css代码:
<style>
.label .cur{border-bottom:1px solid red}
.imgs{display:none}
.imgs .cur{display:block}
</style>

jquery代码:
$(function(){
$(".label span").click(function(){
$(this).addClass("cur").siblings().removeClass("cur");
$(".imgs").removeClass("cur").eq($(this).index()).addClass("cur");
})
})

Answer 2

<img id='divLm1' ...../><img id='divLm2' .../>
function showLm(lmid) {
if($("#divLm"+lmid).css("display")=="none") {
$("#divLm"+lmid).show();
if (lmid == 1) {

$('#divLm2').hide();
} else {
$('#divLm1').hide();
}
} else {
$("#divLm"+lmid).hide();
if (lmid == 1) {

$('#divLm2').show();
} else {
$('#divLm1').show();
}
}
}

Answer 3

要是这个Imid参数是怎么传进来的，，，，还有html的这块代码看下，，，