网上找的一段JS图片切换代码，运行着有有关问题，为什么缩略图可以显示但是大图无法显示?大神~
网上找的一段JS图片切换代码，运行着有问题，为什么缩略图可以显示但是大图无法显示??求助大神~~~~~~
<!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 type="text/css">
body {
FONT-SIZE: 9pt;
BACKGROUND-color: #d8d8d8;
MARGIN: 0px auto;
COLOR: #505050;
FONT-FAMILY: 宋体,arial,verdana,sans-serif,fantasy,tahoma;
TEXT-DECORATION: none;
background-color1: #c8e4f2
}
A {
TEXT-DECORATION: none
}
A:link {
COLOR: #505050; color1: #54564c
}
A:visited {
COLOR: #505050; color1: #54564c
}
A:hover {
COLOR: #d40005; TEXT-DECORATION: underline
}
A:active {
COLOR: #f30
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.box {
FLOAT: left; WIDTH: 472px
}
.box .boxpadding {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
#Slide {
CLEAR: both; BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; MARGIN-BOTTOM: 6px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; WIDTH: 450px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 335px
}
#Slide A {
COLOR: #000
}
.img {
BORDER-RIGHT: #fff 1px solid; BACKGROUND: #fff; MARGIN: 0px auto; BORDER-LEFT: #fff 1px solid; TEXT-ALIGN: center
}
.boxpadding {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #f8f8f8; MARGIN-BOTTOM: 8px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #fff 1px solid
}
.thumb_title {
MARGIN-TOP: 10px; BACKGROUND: #fff; FILTER: alpha(opacity=30); WIDTH: 450px; TEXT-INDENT: 10px; LINE-HEIGHT: 25px; POSITION: absolute; HEIGHT: 25px; -moz-opacity: 0.3
}
#Slide_Thumb {
MARGIN-TOP: 257px; MARGIN-LEFT: 0px; POSITION: absolute
}
.thumb_on {
DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
FILTER: alpha(opacity=50); -moz-opacity: 0.5
}
.thumb_on {
FILTER: alpha(opacity=100); -moz-opacity: 1
}
.thumb_off IMG {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; MARGIN-TOP: 12px; BORDER-LEFT: #fff 1px solid; WIDTH: 75px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 56px
}
.thumb_on IMG {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; WIDTH: 91px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 68px
}
</style>
</head>
<body>
<table width="472" height="511" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="472"><div class=box style="MARGIN-BOTTOM: 8px">
<div class=boxpadding>
<div id=Slide> <a id=foclnk
href="/" target=_blank>
<img id=focpic style="FILTER: RevealTrans(duration=1;ransition=12); POSITION: absolute; left:484; top:94 "
src="2e2eb9389b504fc296dec4b9e4dde71191ef6d8c.jpg" width="450" height="335" /></a>
<div class=thumb_title id=foctitle style="background-color:transparent;" ><a href="/" target=_blank>图一</a></div>
<div id=Slide_Thumb>
<div class=thumb_on id=tmb0 onmouseover=setfoc(0); onmouseout=playit();><a
href="/" target=_blank><img alt="图一" src="2e2eb9389b504fc296dec4b9e4dde71191ef6d8c.jpg" /></a></div>
<div class=thumb_off id=tmb1 onmouseover=setfoc(1); onmouseout=playit();><a
href="/" target=_blank><img alt="图二" src="3-13091G559150-L.jpg" /></a></div>
<div class=thumb_off id=tmb2 onmouseover=setfoc(2); onmouseout=playit();><a
href="/" target=_blank><img alt="图三" src="9f510fb30f2442a72db33b12d043ad4bd01302cc.jpg" /></a></div>
<!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 type="text/css">
body {
FONT-SIZE: 9pt;
BACKGROUND-color: #d8d8d8;
MARGIN: 0px auto;
COLOR: #505050;
FONT-FAMILY: 宋体,arial,verdana,sans-serif,fantasy,tahoma;
TEXT-DECORATION: none;
background-color1: #c8e4f2
}
A {
TEXT-DECORATION: none
}
A:link {
COLOR: #505050; color1: #54564c
}
A:visited {
COLOR: #505050; color1: #54564c
}
A:hover {
COLOR: #d40005; TEXT-DECORATION: underline
}
A:active {
COLOR: #f30
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.box {
FLOAT: left; WIDTH: 472px
}
.box .boxpadding {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
#Slide {
CLEAR: both; BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; MARGIN-BOTTOM: 6px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; WIDTH: 450px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 335px
}
#Slide A {
COLOR: #000
}
.img {
BORDER-RIGHT: #fff 1px solid; BACKGROUND: #fff; MARGIN: 0px auto; BORDER-LEFT: #fff 1px solid; TEXT-ALIGN: center
}
.boxpadding {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #f8f8f8; MARGIN-BOTTOM: 8px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #fff 1px solid
}
.thumb_title {
MARGIN-TOP: 10px; BACKGROUND: #fff; FILTER: alpha(opacity=30); WIDTH: 450px; TEXT-INDENT: 10px; LINE-HEIGHT: 25px; POSITION: absolute; HEIGHT: 25px; -moz-opacity: 0.3
}
#Slide_Thumb {
MARGIN-TOP: 257px; MARGIN-LEFT: 0px; POSITION: absolute
}
.thumb_on {
DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
FILTER: alpha(opacity=50); -moz-opacity: 0.5
}
.thumb_on {
FILTER: alpha(opacity=100); -moz-opacity: 1
}
.thumb_off IMG {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; MARGIN-TOP: 12px; BORDER-LEFT: #fff 1px solid; WIDTH: 75px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 56px
}
.thumb_on IMG {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; WIDTH: 91px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 68px
}
</style>
</head>
<body>
<table width="472" height="511" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="472"><div class=box style="MARGIN-BOTTOM: 8px">
<div class=boxpadding>
<div id=Slide> <a id=foclnk
href="/" target=_blank>
<img id=focpic style="FILTER: RevealTrans(duration=1;ransition=12); POSITION: absolute; left:484; top:94 "
src="2e2eb9389b504fc296dec4b9e4dde71191ef6d8c.jpg" width="450" height="335" /></a>
<div class=thumb_title id=foctitle style="background-color:transparent;" ><a href="/" target=_blank>图一</a></div>
<div id=Slide_Thumb>
<div class=thumb_on id=tmb0 onmouseover=setfoc(0); onmouseout=playit();><a
href="/" target=_blank><img alt="图一" src="2e2eb9389b504fc296dec4b9e4dde71191ef6d8c.jpg" /></a></div>
<div class=thumb_off id=tmb1 onmouseover=setfoc(1); onmouseout=playit();><a
href="/" target=_blank><img alt="图二" src="3-13091G559150-L.jpg" /></a></div>
<div class=thumb_off id=tmb2 onmouseover=setfoc(2); onmouseout=playit();><a
href="/" target=_blank><img alt="图三" src="9f510fb30f2442a72db33b12d043ad4bd01302cc.jpg" /></a></div>