请帮忙。这是我的整个代码：
<!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" xml:lang="en">
<head>
<style type="text/css">
#holder {width:750px; height:350px; position:relative; font-family:arial, sans-serif; border-top:1px solid #da8; border-bottom:1px solid #da8; z-index:100;}
#holder table {border-collapse:collapse; margin:-1px;}
#holder ul {float:left; padding:0; margin:0; list-style:none;}
#holder ul.sub {margin-bottom:-4px;}
#menuOuter li a.lv1-a {background:blue; zoom:1;}
#menuOuter li a.lv1-a:hover {direction:ltr;}
#holder ul.sub {float:left;}
#holder ul.sub ul {position:absolute; left:-9999px; top:180px;}
#holder ul.sub li.sub-li a img {display:block; position:absolute; left:-9999px; border:0; height:200px; width:750px;}
#holder ul.sub li.sub-li {display:block; float:left; width:150px; height:240px;}
#holder ul.sub li.sub-li a {margin-top:200px; width:110px; display:block; padding:0 20px; height:40px; line-height:40px; color:#fff; text-decoration:none; font-family:arial, sans-serif; font-size:14px;}
#holder ul.sub li.sub-li a.a1 {background:#e9a358;}
#holder ul.sub li.sub-li a.a2 {background:#e9a358;}
#holder ul.sub li.sub-li a.a3 {background:#9ea64b;}
#holder ul.sub li.sub-li a.a4 {background:#dfb344;}
#holder ul.sub li.sub-li a.a5 {background:#b8826e;}
#menuOuter li:hover ul.sub li.current a {margin-top:200px; height:40px;}
#menuOuter li:hover ul.sub li.current ul {left:-9999px;}
#menuOuter li:hover ul.sub li.current a img {left:-9999px;}
#menuOuter a:hover ul.sub li.current a {margin-top:200px; height:40px;}
#menuOuter a:hover ul.sub li.current ul {left:-9999px;}
#menuOuter a:hover ul.sub li.current a img {left:-9999px;}
#holder ul.sub li.sub-li:hover > a {margin-top:0; height:350px;}
#holder ul.sub li.sub-li a:hover {margin-top:0; height:350px;}
#holder ul.sub li.current a {margin-top:0; height:350px;
top: 14px;
left: 28px;
}
#holder ul.sub li.current a.a1 img {left:0; top:0; z-index:-1;}
#holder ul.sub li.current a.a2 img {left:-150px; top:0; z-index:-1;}
#holder ul.sub li.current a.a3 img {left:-300px; top:0; z-index:-1;}
#holder ul.sub li.current a.a4 img {left:-450px; top:0; z-index:-1;}
#holder ul.sub li.current a.a5 img {left:-600px; top:0; z-index:-1;}
#menuOuter li:hover ul.sub li.current:hover a {margin-top:0; height:350px;}
#menuOuter li:hover ul.sub li.current:hover ul {left:0;}
#menuOuter li:hover ul.sub li.current:hover ul li {float:left; height:15px; padding:0; margin:0;}
#menuOuter li:hover ul.sub li.current:hover ul li a {height:15px; line-height:15px; margin:0; padding:0 20px;}
#menuOuter li:hover ul.sub li.current:hover ul li a:hover {height:15px; line-height:15px; margin:0; padding:0 20px; text-decoration:underline;}
#menuOuter a:hover ul.sub li.current a:hover {margin-top:0; height:350px;}
#menuOuter a:hover ul.sub li.current a:hover ul {left:0;}
#menuOuter a:hover ul.sub li.current a:hover ul li {float:left; height:15px; padding:0; margin:0;}
#menuOuter a:hover ul.sub li.current a:hover ul li a {height:15px; line-height:15px; margin:0; padding:0 20px;}
#menuOuter a:hover ul.sub li.current a:hover ul li a:hover {height:15px; line-height:15px; margin:0; padding:0 20px; text-decoration:underline;}
#holder ul.sub li {position:relative;}
#holder ul.sub li.sub-li:hover ul {left:0; width:130px;}
#holder ul.sub li.sub-li:hover ul li {float:left; height:15px; padding:0; margin:0;}
#holder ul.sub li.sub-li:hover ul li a {height:15px; line-height:15px; margin:0; padding:0 20px; font-size:11px;}
#holder ul.sub li.sub-li:hover ul li a:hover {height:15px; line-height:15px; margin:0; padding:0 20px; text-decoration:underline;}
#holder ul.sub li.sub-li:hover a.a1 img {left:0; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a2 img {left:-150px; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a3 img {left:-300px; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a4 img {left:-450px; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a5 img {left:-600px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a:hover ul {left:0; width:130px;}
#holder ul.sub li.sub-li a:hover ul li {float:left; height:15px; padding:0; margin:0;}
#holder ul.sub li.sub-li a:hover ul li a {height:15px; line-height:15px; margin:0; padding:0 20px; font-size:11px;}
#holder ul.sub li.sub-li a:hover ul li a:hover {height:15px; line-height:15px; margin:0; padding:0 20px; text-decoration:underline;}
#holder ul.sub li.sub-li a.a1:hover img {left:0; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a2:hover img {left:-150px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a3:hover img {left:-300px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a4:hover img {left:-450px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a5:hover img {left:-600px; top:0; z-index:-1;}
#holder ul.sub li.current ul {left:0; width:130px;}
#holder ul.sub li.current ul li {float:left; height:15px; padding:0; margin:0;}
#holder ul.sub li.current ul li a {height:15px; line-height:15px; margin:0; padding:0 20px; font-size:11px;}
#holder ul.sub li span {display:block;position:absolute; top:240px; left:0; line-height:15px; width:130px; padding:10px; height:90px; z-index:-1; color:#000; text-decoration:none; font-size:11px;}
#holder ul.sub li.p1 span {background:#ffe398;}
#holder ul.sub li.p2 span {background:#ffe398;}
#holder ul.sub li.p3 span {background:#dee68b;}
#holder ul.sub li.p4 span {background:#fff384;}
#holder ul.sub li.p5 span {background:#f8c2ae;}
#holder ul.sub li.sub-li {
display: block;
float: left;
height: 240px;
width: 150px;
z-index: 1;
}
/*-----------------------------------------------------*/
#slider img {
border-style: none;
border-color: inherit;
border-width: medium;
position:absolute;
visibility:hidden;
top: 4px;
left: -4px;
height: 315px;
width: 729px;
}
/*---------------------------------------------------------------*/
/* ----------- thumbnails ----------- */
#thumbs
{
background:white url(thumbs-bar.gif) repeat-x 0 0;
border:1px solid white; text-align:center;
font-size:0px;
line-height:45px;/*Setting the expected height to line-height fixes many IE8 erratic behaviours*/
position:fixed;
top: 184px;
left: 378px;
width: 22px;
height: 18px;
bottom: 325px;
}
#thumbs .thumb
{
width:60px;height:45px;
cursor:pointer;
text-align:center;
border-left:1px solid #FFF; border-right:1px solid #DDD;
display:inline-block;
*display:inline;zoom:1; /*IE Hack*/
}
#thumbs .thumb-on {background-image: url(active-bg.png);}
#thumbs .thumb img {vertical-align:middle;}
/* ----------- navigation buttons in the thumbnails bar ---------- */
div.group2-Play, div.group2-Pause
{
width:20px; height:20px;
background:transparent url(navButtons.gif);
display:inline-block;
*display:inline;zoom:1;/*IE hack*/
margin-right:8px;
vertical-align:middle;
cursor:pointer;z-index:10;position:absolute;
}
div.group2-Pause{background-position:0 0;
}
div.group2-Play {background-position:0 -20px;
}
div.group2-Pause:hover{background-position:20px 0;}
div.group2-Play:hover {background-position:20px -20px;}
</style>
<script
src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script style="text/javascript">
var sliderOptions =
{
sliderId: "slider",
effect: "6,15,1,2,11,12,13,15,16,5,7",
effectRandom: false,
pauseTime: 2600,
transitionTime: 500,
slices: 14,
boxes: 11,
hoverPause: 2,
autoAdvance: true,
captionOpacity: 0.5,
captionEffect: "rotate",
thumbnailsWrapperId: "thumbs",
m: true,
license: "mylicense"
};
var imageSlider = new mcImgSlider(sliderOptions);
/* Menucool Javascript Image Slider v2013.3.18. Copyright www.menucool.com */
function mcImgSlider(k) { var K = function (a) { return document.getElementById(a) }, d = "length", M = function (e) { var a = e.childNodes, c = []; if (a) for (var b = 0, f = a[d]; b < f; b++) a[b].nodeType == 1 && c.push(a[b]); return c }, m = "className", p = "getAttribute", f = "opacity", P = function (a, b) { return a.getElementsByTagName(b) }, jb = function (a) { for (var c, e, b = a[d]; b; c = parseInt(Math.random() * b), e = a[--b], a[b] = a[c], a[c] = e); return a }, ib = function (a, c, b) { if (a.addEventListener) a.addEventListener(c, b, false); else a.attachEvent && a.attachEvent("on" + c, b) }, lb = document, hb = function (c, a, b) { return b ? c.substring(a, b) : c.substring(a) }, c = "style", R = "display", z = "visibility", g = "width", v = "height", O = "top", J = "background", t = "marginLeft", F = "appendChild", y = "parentNode", D = "nodeName", x = function () { this.d = []; this.b = null; this.c() }; function ab() { var c = 50, a = navigator.userAgent, b; if ((b = a.indexOf("MSIE ")) != -1) c = parseInt(a.substring(b + 5, a.indexOf(".", b))); if (a.indexOf("Safari") != -1 && a.indexOf("Chrome") == -1) c = 300; return c } var eb = ab() < 9, E = function (a, b) { if (a) { a.o = b; if (eb) a[c].filter = "alpha(opacity=" + b * 100 + ")"; else a[c][f] = b } }; x.a = { f: function (a) { return -Math.cos(a * Math.PI) / 2 + .5 }, g: function (a) { return a }, h: function (b, a) { return Math.pow(b, a * 2) }, j: function (b, a) { return 1 - Math.pow(1 - b, a * 2) } }; x.prototype = { k: { c: k.transitionTime, a: function () { }, b: x.a.f, d: 1 }, c: function () { for (var b = ["webkit", "ms", "o"], a = 0; a < b[d] && !window.requestAnimationFrame; ++a) { window.requestAnimationFrame = window[b[a] + "RequestAnimationFrame"]; window.cancelAnimationFrame = window[b[a] + "CancelAnimationFrame"] || window[b[a] + "CancelRequestAnimationFrame"] } this.e = !!window.requestAnimationFrame }, m: function (i, d, h, c) { for (var b = [], j = h - d, k = h > d ? 1 : -1, g = Math.ceil(60 * c.c / 1e3), a, e = 1; e <= g; e++) { a = d + c.b(e / g, c.d) * j; if (i != f) a = Math.round(a); b.push(a) } b.index = 0; return b }, n: function () { this.b == null && this.p() }, p: function () { this.q(); var a = this; this.b = this.e ? window.requestAnimationFrame(function () { a.p() }) : window.setInterval(function () { a.q() }, 15) }, q: function () { var a = this.d[d]; if (a) { for (var c = 0; c < a; c++) this.o(this.d[c]); while (a--) { var b = this.d[a]; if (b.d.index == b.d[d]) { b.c(); this.d.splice(a, 1) } } } else { if (this.e && window.cancelAnimationFrame) window.cancelAnimationFrame(this.b); else window.clearInterval(this.b); this.b = null } }, o: function (a) { if (a.d.index < a.d[d]) { var e = a.b, b = a.d[a.d.index]; if (a.b == f) { if (eb) { e = "filter"; b = "alpha(opacity=" + Math.round(b * 100) + ")" } } else b += "px"; a.a[c][e] = b; a.d.index++ } }, r: function (e, b, d, f, a) { a = this.s(this.k, a); var c = this.m(b, d, f, a); this.d.push({ a: e, b: b, d: c, c: a.a }); this.n() }, s: function (c, b) { b = b || {}; var a, d = {}; for (a in c) d[a] = b[a] !== undefined ? b[a] : c[a]; return d } }; var j = new x, b = { a: 0, e: "", d: 0, c: 0, b: 0 }, a, e, s, w, L, G, N, l, n, Q, C, r, A, B, q, U, I, o, h = null, Y = function (b) { if (b == "series1") a.a = [6, 8, 15, 2, 5, 14, 13, 3, 7, 4, 14, 1, 13, 15]; else if (b == "series2") a.a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17]; else a.a = b.split(/\W+/); a.a.p = k.effectRandom ? -1 : a.a[d] == 1 ? 0 : 1 }, S = function () { a = { b: k.pauseTime, c: k.transitionTime, f: k.slices, g: k.boxes, O0: k.license || "5432", h: k.hoverPause, i: k.autoAdvance, j: k.captionOpacity, k: k.captionEffect == "none" ? 0 : k.captionEffect == "fade" ? 1 : 2, l: k.thumbnailsWrapperId, Ob: function () { typeof beforeSlideChange !== "undefined" && beforeSlideChange(arguments) }, Oa: function () { typeof afterSlideChange !== "undefined" && afterSlideChange(arguments) } }; if (e) a.m = Math.ceil(e.offsetHeight * a.g / e.offsetWidth); Y(k.effect); a.n = function () { var b; if (a.a.p == -1) b = a.a[Math.floor(Math.random() * a.a[d])]; else { b = a.a[a.a.p]; a.a.p++; if (a.a.p >= a.a[d]) a.a.p = 0 } if (b < 1 || b > 17) b = 15; return b } }, nb = ["$1$2$3", "$1$2$3", "$1$24", "$1$23", "$1$22"], bb = function () { if (b.b != 2) { b.b = 1; clearTimeout(q); q = null } }, X = function () { if (b.b != 2) { b.b = 0; if (q == null && !b.c && a.i) q = setTimeout(function () { h.y(h.n(b.a + 1), 0, 1) }, a.b / 2) } }, u = []; function fb() { var f; if (a.l) f = K(a.l); if (f) for (var g = f.childNodes, e = 0; e < g[d]; e++) g[e][m] == "thumb" && u.push(g[e]); var c = u[d]; if (c) { while (c--) { u[c].on = 0; u[c].i = c; u[c].onclick = function () { h.y(this.i) }; u[c].onmouseover = function () { this.on = 1; this[m] = "thumb thumb-on"; a.h == 2 && bb() }; u[c].onmouseout = function () { this.on = 0; this[m] = this.i == b.a ? "thumb thumb-on" : "thumb"; a.h == 2 && X() } } Z(0) } } function Z(b) { var a = u[d]; if (a) while (a--) u[a][m] = a != b && u[a].on == 0 ? "thumb" : "thumb thumb-on" } function gb(b) { var a = [], c = b[d]; while (c--) a.push(String.fromCharCode(b[c])); return a.join("") } var V = function (a, e, k, c, b, d, i) { setTimeout(function () { if (e && k == e - 1) { var i = {}; i.a = function () { h.o() }; for (var l in a) i[l] = a[l] } else i = a; typeof b[g] !== "undefined" && j.r(c, "width", b[g], d[g], a); typeof b[v] !== "undefined" && j.r(c, "height", b[v], d[v], a); j.r(c, f, b[f], d[f], i) }, i) }, cb = function (a) { e = a; this.b = 0; this.c() }, mb = [/(?:.*\.)?(\w)([\w\-])[^.]*(\w)\.[^.]+$/, /.*([\w\-])\.(\w)(\w)\.[^.]+$/, /^(?:.*\.)?(\w)(\w)\.[^.]+$/, /.*([\w\-])([\w\-])\.com\.[^.]+$/, /^(\w)[^.]*(\w)+$/], H = function (b) { var a = document.createElement("div"); a[m] = b; return a }; cb.prototype = { c: function () { s = e.offsetWidth; w = e.offsetHeight; var i = M(e), j = i[d]; if (i[j - 1][m] == "navBulletsWrapper") return; var f; o = []; while (j--) { f = i[j]; if (f[D] == "BR") e.removeChild(f); else { f[c][R] = "none"; o.push(f); if (f[D] == "A") { if (f[m]) f[m] = "imgLink " + f[m]; else f[m] = "imgLink"; var n = this.z(f), k = f[p]("href"); if (n && typeof McVideo != "undefined" && k && k.indexOf("http") != -1) { f.onclick = function () { return this[p]("autoPlayVideo") == "true" ? false : h.d(this) }; McVideo.register(f, this) } } if (f[D] != "IMG") P(f, "img")[0][c][R] = "none" } } o.reverse(); b.d = o.length; a.m = Math.ceil(w * a.g / s); if (o[b.a][D] == "IMG") b.e = o[b.a]; else b.e = P(o[b.a], "img")[0]; if (o[b.a][D] == "A") o[b.a][c][R] = "block"; e[c][J] = 'url("' + b.e[p]("src") + '") no-repeat'; this.i(); L = this.k(); var l = this.v(), g = b.e[y]; if (this.z(g) && g[p]("autoPlayVideo") == "true") this.d(g); else if (a.i && b.d > 1) q = setTimeout(function () { l.y(l.n(1), 0, 1) }, a.b + a.c); if (a.h != 0) { e.onmouseover = bb; e.onmouseout = X } if (ab() == 300) e[c]["-webkit-transform"] = "translate3d(0,0,0)" }, d: function (c) { var a = McVideo.play(c, s, w); if (a) b.b = 2; return !this.b }, f: function () { I = H("navBulletsWrapper"); for (var f = [], a = 0; a < b.d; a++) f.push("<div rel='" + a + "'></div>"); I.innerHTML = f.join(""); for (var c = M(I), a = 0; a < c[d]; a++) { if (a == b.a) c[a][m] = "active"; c[a].onclick = function () { h.y(parseInt(this[p]("rel"))) } } e[F](I) }, g: function () { var d = M(I), a = b.d; while (a--) { if (a == b.a) d[a][m] = "active"; else d[a][m] = ""; if (o[a][D] == "A") o[a][c][R] = a == b.a ? "block" : "none" } }, h: function (a, e) { var c = function (b) { var a = b.charCodeAt(0).toString(); return a.substring(a[d] - 1) }, b = e.replace(mb[a - 2], nb[a - 2]).split(""); return "b" + a + b[1] + c(b[0]) + c(b[2]) }, i: function () { G = H("mc-caption"); N = H("mc-caption"); l = H("mc-caption-bg"); E(l, 0); l[F](N); n = H("mc-caption-bg2"); n[F](G); E(n, 0); n[c][z] = l[c][z] = N[c][z] = "hidden"; e[F](l); e[F](n); Q = [l.offsetLeft, l.offsetTop, G.offsetWidth]; G[c][g] = N[c][g] = G.offsetWidth + "px"; this.j() }, j: function () { if (a.k == 2) { C = A = { opacity: 0, width: 0, marginLeft: Math.round(Q[2] / 2) }; r = { opacity: 1, width: Q[2], marginLeft: 0 }; B = { opacity: a.j, width: Q[2], marginLeft: 0} } else if (a.k == 1) { C = A = { opacity: 0 }; r = { opacity: 1 }; B = { opacity: a.j} } }, k: function () { var a = b.e[p]("alt"); if (a && a.substr(0, 1) == "#") { var c = K(a.substring(1)); a = c ? c.innerHTML : "" } this.l(); return a }, l: function () { var e = 1; if (G.innerHTML[d] > 1) if (!a.k) l[c][z] = n[c][z] = "hidden"; else { e = 0; var b = { c: a.c * .3, b: a.k == 1 ? x.a.f : x.a.h, d: a.k == 1 ? 0 : 2 }, i = b; i.a = function () { l[c][z] = n[c][z] = "hidden"; h.m() }; if (typeof r[t] !== "undefined") { j.r(n, "width", r[g], C[g], b); j.r(l, "width", B[g], A[g], b); j.r(n, "marginLeft", r[t], C[t], b); j.r(l, "marginLeft", B[t], A[t], b) } if (typeof r[f] !== "undefined") { j.r(n, f, r[f], C[f], b); j.r(l, f, B[f], A[f], i) } } e && setTimeout(function () { h.m() }, a.c * .3) }, m: function () { N.innerHTML = G.innerHTML = L; if (L) { l[c][z] = n[c][z] = "visible"; if (a.k) { var d = a.c * a.k; if (d > 1e3) d = 1e3; var b = { c: d, b: a.k == 1 ? x.a.g : x.a.j, d: a.k == 1 ? 0 : 2 }; if (typeof r[t] !== "undefined") { j.r(n, "width", C[g], r[g], b); j.r(l, "width", A[g], B[g], b); j.r(n, "marginLeft", C[t], r[t], b); j.r(l, "marginLeft", A[t], B[t], b) } if (typeof r[f] !== "undefined") { j.r(n, f, C[f], r[f], b); j.r(l, f, A[f], B[f], b) } } else { E(n, 1); E(l, a.j) } } }, a: function (a) { return a.replace(/(?:.*\.)?(\w)([\w\-])?[^.]*(\w)\.[^.]*$/, "$1$3$2") }, o: function () { b.c = 0; clearTimeout(q); q = null; e[c][J] = 'url("' + b.e[p]("src") + '") no-repeat'; var f = this, d = b.e[y]; if (this.z(d) && d[p]("autoPlayVideo") == "true") this.d(d); else if (!b.b && a.i) q = setTimeout(function () { f.y(f.n(b.a + 1), 0, 1) }, a.b); a.Oa.call(this, b.a, b.e) }, p: function (h) { b.c = 1; if (o[b.a][D] == "IMG") b.e = o[b.a]; else b.e = P(o[b.a], "img")[0]; this.g(); clearTimeout(U); L = this.k(); var g = P(e, "div"); i = g[d]; while (i--) if (g[i][m] == "mcSlc" || g[i][m] == "mcBox") { var j = e.removeChild(g[i]); delete j } var c = h ? h : a.n(); a.Ob.apply(this, [b.a, b.e, L, c]); Z(b.a); var f = c < 14 ? this.w(c) : this.x(); if (c < 9 || c == 15) { if (c % 2) f = f.reverse() } else if (c < 14) f = f[0]; if (c < 9) this.q(f, c); else if (c < 13) this.r(f, c); else if (c == 13) this.s(f); else if (c < 16) this.t(f, c); else this.u(f, c) }, q: function (b, e) { for (var h = 0, i = e < 7 ? { height: 0, opacity: -.4} : { width: 0, opacity: 0 }, k = { height: w, opacity: 1 }, a = 0, j = b[d]; a < j; a++) { if (e < 3) b[a][c].bottom = "0"; else if (e < 5) b[a][c][O] = "0"; else if (e < 7) { b[a][c][a % 2 ? "bottom" : "top"] = "0"; i[f] = -.2 } else { k = { width: b[a].offsetWidth, opacity: 1 }; b[a][c][g] = b[a][c][O] = "0"; b[a][c][v] = w + "px" } V({}, j, a, b[a], i, k, h); h += 50 } }, r: function (d, b) { d[c][g] = b < 11 ? "0px" : s + "px"; d[c][v] = b < 11 ? w + "px" : "0px"; E(d, 1); if (b < 11) d[c][O] = "0"; if (b == 9) { d[c].left = "auto"; d[c].right = "0px" } else if (b > 10) d[c][b == 11 ? "bottom" : "top"] = "0"; if (b < 11) var e = 0, f = s; else { e = 0; f = w } var i = { b: x.a.j, c: a.c * 1.6, a: function () { h.o() } }; j.r(d, b < 11 ? "width" : "height", e, f, i) }, s: function (b) { b[c][O] = "0"; b[c][g] = s + "px"; b[c][v] = w + "px"; var d = { c: a.c * 1.6, a: function () { h.o() } }; j.r(b, f, 0, 1, d) }, t: function (b) { var s = a.g * a.m, p = 0, n = 0, j = 0, h = 0, f = []; f[0] = []; for (var e = 0, o = b[d]; e < o; e++) { b[e][c][g] = b[e][c][v] = "0px"; f[j][h] = b[e]; h++; if (h == a.g) { j++; h = 0; f[j] = [] } } for (var q = { c: a.c / 1.3 }, k = 0, o = a.g * 2; k < o; k++) { for (var i = k, l = 0; l < a.m; l++) { if (i >= 0 && i < a.g) { var m = f[l][i]; V(q, b[d], p, m, { width: 0, height: 0, opacity: 0 }, { width: m.w, height: m.h, opacity: 1 }, n); p++ } i-- } n += 100 } }, u: function (a, j) { a = jb(a); for (var f = 0, b = 0, k = a[d]; b < k; b++) { var e = a[b]; if (j == 16) { a[b][c][g] = a[b][c][v] = "0px"; var h = { width: 0, height: 0, opacity: 0 }, i = { width: e.w, height: e.h, opacity: 1} } else { h = { opacity: 0 }; i = { opacity: 1} } V({}, a[d], b, e, h, i, f); f += 20 } }, bb: function (a) { this.b = a }, v: function () { this.f(); return (new Function("a", "b", "c", "d", "e", "f", "g", "h", "i", function (c) { for (var b = [], a = 0, e = c[d]; a < e; a++) b[b[d]] = String.fromCharCode(c.charCodeAt(a) - 4); return b.join("") } ("zev$pAi,k,f,_55405490=;054=05550544a---?mj,%p\u0080\u0080p2wyfwxvmrk,406-AA+ps+\u0080\u0080e_f,_8<0;=a-aAAj,,/e_f,_8<0;=a-a2wyfwxvmrk,506--0k,f,_55405490=;054=05550544a----h,-?m2gepp,xlmw05-?\u0081ipwie_f,_=;0;=a-aAe_f,_=<0;=a-aAjyrgxmsr,-\u0081\u0081vixyvr$xlmw?"))).apply(this, [a, gb, o, fb, this.a, this.h, function (a) { return lb[a] }, hb, this.bb]) }, w: function (i) { for (var k = [], j = i > 8 ? s : Math.round(s / a.f), l = i > 8 ? 1 : a.f, h = 0; h < l; h++) { var f = H("mcSlc"); f[c].left = j * h + "px"; f[c][g] = (h == a.f - 1 ? s - j * h : j) + "px"; f[c][v] = "0px"; f[c][J] = 'url("' + b.e[p]("src") + '") no-repeat -' + h * j + "px 0%"; if (i == 10) f[c][J] = 'url("' + b.e[p]("src") + '") no-repeat right top'; else if (i == 12) f[c][J] = 'url("' + b.e[p]("src") + '") no-repeat left bottom'; f[c].zIndex = 1; f[c].position = "absolute"; E(f, 0); e[F](f); k[k[d]] = f } return k }, x: function () { for (var k = [], j = Math.round(s / a.g), i = Math.round(w / a.m), h = 0; h < a.m; h++) for (var f = 0; f < a.g; f++) { var d = H("mcBox"); d[c].left = j * f + "px"; d[c][O] = i * h + "px"; d.w = f == a.g - 1 ? s - j * f : j; d.h = h == a.m - 1 ? w - i * h : i; d[c][g] = d.w + "px"; d[c][v] = d.h + "px"; d[c][J] = 'url("' + b.e[p]("src") + '") no-repeat -' + f * j + "px -" + h * i + "px"; d[c].zIndex = 1; d[c].position = "absolute"; E(d, 0); e[F](d); k.push(d) } return k }, y: function (d, g, f) { if (b.c && !g || d == b.a) return 0; if (b.b == 2) { b.b = 0; var c = K("mcVideo"); if (c) { c.src = ""; var e = c[y][y].removeChild(c[y]); delete e } } clearTimeout(q); q = null; var a = b.a; b.a = this.n(d); if (f || !k.m) a = 0; else a = a > b.a ? "10" : "9"; this.p(a) }, n: function (a) { if (a >= b.d) a = 0; else if (a < 0) a = b.d - 1; return a }, To: function (a) { this.y(this.n(b.a + a)) }, z: function (a) { return a[m].indexOf(" video") > -1 } }; var T = function () { var a = K(k.sliderId); if (a && P(a, "img")[d] && a.offsetHeight) h = new cb(a); else setTimeout(T, 900) }; S(); ib(window, "load", T); var kb = function () { if (e) { j.d = []; clearTimeout(q); clearTimeout(U); q = U = null; var c = M(e), g = c[d]; while (g--) if (c[g][D] == "DIV") { var k = c[g][y].removeChild(c[g]); delete k } var f = K("mcVideo"); if (f) { f.src = ""; var i = f[y][y].removeChild(f[y]); delete i } b = { a: 0, e: "", d: 0, c: 0, b: 0} } S(); T(); if (!h.b) a.i = h.b }, db = 0, W = function (c) { if (++db < 20) if (!h || typeof tooltip == "undefined") setTimeout(function () { W(c) }, 300); else for (var b = M(I), a = 0; a < b[d]; a++) b[a].onmouseover = function () { tooltip.pop(this, c(parseInt(this[p]("rel")))) } }; return { displaySlide: function (c, b, a) { h.y(c, b, a) }, next: function () { h.To(1) }, previous: function () { h.To(-1) }, getAuto: function () { return a.i }, thumbnailPreview: function (a) { db = 0; W(a) }, switchAuto: function () { if (a.i = !a.i) h.To(1); else clearTimeout(q) }, setEffect: function (a) { Y(a) }, changeOptions: function (a) { for (var b in a) k[b] = a[b]; S() }, reload: kb, getElement: function () { return K(k.sliderId) } } }
</script>
</head>
<body id="www-cssplay-co-uk" class="menus">
<div id="holder">
<ul id="menuOuter">
<li class="lv1-li">
<!--[if lte IE 6]><a class="lv1-a" href="#url1"><table><tr><td><![endif]-->
<ul class="sub" id="d">
<li class="sub-li p1 current" href="#url"><a class="a1" href="" >
<div id="slider" style="position:fixed; width:750px; height:200px; background-color:white; top: 9px; left: 12px; z-index:-1; background:transparent url(loading.gif) no-repeat 50% 50%;">
<img src="a2.jpg" />
<img src="slider-2.jpg" />
<img src="slider-3.jpg" />
<img src="slider-4.jpg" />
</div>
<div id="thumbs">
<div onclick="switchAutoAdvance()" id='auto' class="group2-Pause"></div>
</div>
<b>guest room</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#url">1</a></li>
<li><a href="#url">2</a></li>
<li><a href="#url">3</a></li>
<li><a href="#url">4</a></li>
<li><a href="#url">5</a></li>
<li><a href="#url">6</a></li>
<li><a href="#url">7</a></li>
</ul>
<span>explainations</span>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="sub-li p5"><a class="a5" href="#url"><img src="pic5.jpg" /><b>baby room</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#url">Sleep Suits</a></li>
<li><a href="#url">//</a></li>
<li><a href="#url">//</a></li>
<li><a href="#url">//</a></li>
<li><a href="#url">//</a></li>
<li><a href="#url">//</a></li>
<li><a href="#url">//</a></li>
</ul>
<span>//</span>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
<script type="text/javascript">
/* amenu.open("v_is", true);*/
//The following script is for the group 2 navigation buttons.
function switchAutoAdvance() {
imageSlider.switchAuto();
switchPlayPauseClass();
}
function switchPlayPauseClass() {
var auto = document.getElementById('auto');
var isAutoPlay = imageSlider.getAuto();
auto.className = isAutoPlay ? "group2-Pause" : "group2-Play";
auto.title = isAutoPlay ? "Pause" : "Play";
}
switchPlayPauseClass();
//take tm1 out of the div.main
function dm1() {
var dm1 = document.getElementById("dm1");
//var main = document.getElementById("main");
//main.parentNode.appendChild(dm1);
document.body.appendChild(dm1);
}
dm1();
</script>
</body>
</html>
我的问题是单击停止按钮（navButtons.gif）时，我希望幻灯片在当前图片上停止，再次单击它时应该重新开始显示其余图片，但是单击停止时它从第一张图片开始按钮。