实现图片交替显示

<img src="img/image1.gif" style="position:absolute;margin-left:100px;" οnclick="image1()" id="picture1">
<img src="img/image2.gif" style="position:absolute;margin-left:100px;" οnclick="image2()" id="picture2">

实现两张图片交替显示

<script type="text/javascript">
function image1(){
a.document.getElementById('picture1');
a.style.display="none";
a.document.getElementById('picture2');
a.style.display="inline";
}
function image2(){
a.document.getElementById('picture2');
a.style.display="none";
a.document.getElementById('picture1');
a.style.display="inline";
}
</script>

实现两张图片交替显示，且第一幅图片慢慢消失

<script type="text/javascript">
function image1(){
a.document.getElementById('picture1');
$("#picture1").fadeOut(1000);
a.document.getElementById('picture2');
timer=setTimeout('a.style.display="inline";',1000);
}
function image2(){
a.document.getElementById('picture2');
$("#picture2").fadeOut(1000);
a.document.getElementById('picture1');
timer=setTimeout('a.style.display="inline";',1000);
}
</script>