简单切换图片效果

<script type="text/javascript">
$(document).ready(function(){
    var img=$(".box_scrollpic4 img").eq(2).attr('src');
    if($(".mainpic").attr('src')=='')
    {
    $(".mainpic").attr("src",img);
    }
    $(".box_scrollpic4 img").each(function(){    
    $(this).click(function(){
        $(".mainpic").attr("src",$(this).attr('src'));
        });
    
    });
    });
</script>

html 代码

主图区域

<img class="mainpic" width="700" border="0" height="467" alt="" src="">

图片列表区域  <div class="box_scrollpic4" style=" line-height:18px;">

<a href="javascript:void(0)" target="main"><img src="[field:picname]" border="0" alt="[field:title/]"></a>

</div>