网页幻灯片——请帮忙补充代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>无标题文档</title>
<style>
*{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
}
#main{
width:302px;
height:234px;
}
#image{
width:300px;
height:200px;
border:1px solid #6699FF;
}
#ima{
width:300px;
list-style:none;
}
#pic{
width:300px;
visibility:visible;
}
#list_button{
width:300px;
height:30px;
border:1px solid #6699FF;
background:#3399FF;
}
#list{
list-style:none;
width:300px;
margin:0 0 0 94px;
}
.num{
float:left;
margin:0 0 0 1px;
line-height:30px;
width:40px;
text-align:center;
}
.num a{
text-decoration:none;
}
</style></head><body>
<div id="main">
<div id="image">
<img src="images/pic01.jpg" id="pic">
</div>
<div id="list_button">
<ul id="list">
<li id="1" name="num" class="num" style="background-image:url(images/list_button.jpg);"><a href="#">1</a></li>
<li id="2" name="num" class="num" style="background-image:url(images/list_button.jpg);"><a href="#">2</a></li>
<li id="3" name="num" class="num" style="background-image:url(images/list_button.jpg);"><a href="#">3</a></li>
<li id="4" name="num" class="num" style="background-image:url(images/list_button.jpg);"><a href="#">4</a></li>
<li id="5" name="num" class="num" style="background-image:url(images/list_button.jpg);"><a href="#">5</a></li>
</ul>
</div>
</div>
<script>
var   Pic   =   new   Array();
//定义图片链接地址
Pic[0]="images/pic01.jpg";
Pic[1]="images/pic02.jpg";
Pic[2]="images/pic03.jpg";
Pic[3]="images/pic04.jpg";
Pic[4]="images/pic05.jpg";
var len=Pic.length;
//alert(len);
var str=-1;
var liImg=document.getElementsByTagName("li");
var lilen=liImg.length;
//alert(lilen);
function change(){
str+=1;
document.getElementById("pic").src=Pic[str];
liImg[str].style.backgroundImage="url(images/list_button.jpg)";
if (str==4)
{
//return false;
str=-1;
}
liImg[str+1].style.backgroundImage="url(images/list_button_move.jpg)";
document.getElementById("pic").src=Pic[str+1];
setTimeout("change()",2000);
}
change();
</script>
</body>
</html>
这是一段网页幻灯片代码，问题一、如何使大的图片能有超链接。问题二、运行之后，第一个显示的是第二张图片，我怎么改都不行。问题三、目前网页都用Flash+js做，希望有高手能指点迷津。另外有个验证码的问题，这里说不清楚，可以加我QQ：361131953，谢谢大家了。

解决方案 »

  1.   

    轮转广告的代码你到下面的链接去找吧
    很多的！http://www.lanrentuku.com/js/p1.html
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE><SCRIPT LANGUAGE="JavaScript">
    <!--
    var Pic = new Array();
    //定义图片链接地址 
    Pic[0]="images/pic01.jpg";
    Pic[1]="images/pic02.jpg";
    Pic[2]="images/pic03.jpg";
    Pic[3]="images/pic04.jpg";
    Pic[4]="images/pic05.jpg";
    var count = 0;
    function show() {
    document.all.picId.src = Pic[count];
    count++;
    if (count > Pic.length) {
    count = 0;
    }
    }
    //-->
    </SCRIPT></HEAD><BODY>
    <img src="images/pic01.jpg" id="picId">
    </BODY>
    </HTML>