Javascript 库缩略图单击不工作_Javascript_Css

Javascript 库缩略图单击不工作

javascript css

Javascript 库缩略图单击不工作,javascript,css,Javascript,Css,我把这个网站的代码放在一起，画廊正常运行，开始测试这个网站。。。但一旦它被上传到我的网络主机上，点击图片就不再改变主要的浏览方式。我不确定我做错了什么。任何帮助都将不胜感激你可以在这里看到它的作用：中的HTML：还有javascript： clickMenu = function (menu) { var getEls = document.getElementById(menu).getElementsByTagName("LI"); var getAgn = getEl

我把这个网站的代码放在一起，画廊正常运行，开始测试这个网站。。。但一旦它被上传到我的网络主机上，点击图片就不再改变主要的浏览方式。我不确定我做错了什么。任何帮助都将不胜感激

你可以在这里看到它的作用：

中的HTML：

还有javascript：

clickMenu = function (menu) {
    var getEls = document.getElementById(menu).getElementsByTagName("LI");
    var getAgn = getEls;

    for (var i = 0; i < getEls.length; i++) {
        getEls[i].onclick = function () {
            for (var x = 0; x < getAgn.length; x++) {
                getAgn[x].className = getAgn[x].className.replace("click", "");
            }
            this.className += " click";
        }
    }
}

单击菜单=功能（菜单）{
var getEls=document.getElementById（menu.getElementsByTagName（“LI”）；
var getAgn=getEls；
对于（var i=0；i

您需要使用gallery容器元素的

id

作为参数调用

clickMenu

函数。您当前的实现没有在任何地方调用该函数

您可以在body

onload

上尝试这样做：

<body onload="clickMenu('gallery');">

请在此处添加代码，而不是将我们重定向到外部网站。请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！哎呀！新来的。。。我将编辑我的原始问题。在你的网站中，我看到一个JS文件被包括在内，但没有其他代码会使用它。为什么你要在

标记内放置

img

标记？我会尝试一下-谢谢！不幸的是，我继父（这是谁的网站）的网络主机并没有很快注册代码更改/文件替换-所以我需要一段时间才能知道它是否在现场工作。不用担心。如果这个答案对你有用，就把它标记为答案。成功！再次感谢你-我真的很感激！

#gallery {width:580px; height:360px; position:relative;}
#gallery ul {list-style:none; padding:5px; margin:0; width:195px; float:right; height:219px; overflow:auto;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:50px; height:50px;}
#gallery ul li span {display:none; position:absolute; left:340px; top:235px; width:200px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:320px; height:240px; border:1px solid #fff;}

#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery ul li.click i {position:absolute; left:0; top:0; width:320px; height:355px;}

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery ul li.click span {display:block;}

clickMenu = function (menu) {
    var getEls = document.getElementById(menu).getElementsByTagName("LI");
    var getAgn = getEls;

    for (var i = 0; i < getEls.length; i++) {
        getEls[i].onclick = function () {
            for (var x = 0; x < getAgn.length; x++) {
                getAgn[x].className = getAgn[x].className.replace("click", "");
            }
            this.className += " click";
        }
    }
}

<body onload="clickMenu('gallery');">