Lightbox和JavaScript之间的冲突

时间:2013-09-12 08:27:14

标签: javascript lightbox conflict

我已经彻底研究过这个问题的解决方案但由于我没有使用$标签而找不到任何内容。

实际上我试图将Lightbox放在我的页面和JavaScript幻灯片上,但似乎只有幻灯片才会起作用,而且当我添加两者时,灯箱会被禁用。

<link href="css/lightbox.css" rel="stylesheet" />  
<link rel="stylesheet" type="text/css" href="style.css" />

我的JavaScript幻灯片

<script type="text/javascript">

    var Image = new Array("images/food1.jpg", "images/food2.jpg", "images/food3.jpg");

    var Image_Number = 0;
    var Image_Length = Image.length - 1;

    function change_image(num) {
        Image_Number = Image_Number + num;

        if (Image_Number > Image_Length) {
            Image_Number = 0;
        }

        if (Image_Number < 0) {
            Image_Number = Image_Length;    
        }

        document.slideshow.src= Image[Image_Number];    

        return false;
    }

    function auto() {
        setInterval("change_image(1)", 3000);
    }
</script>

//lightbox: importing the lightbox

<script src="js/jquery-1.10.2.min.js">;</script>
<script src="js/lightbox-2.6.min.js">;</script>

1 个答案:

答案 0 :(得分:0)

我没有详细介绍你的代码,但是你所描述的那个simpton看起来好像你有脚本冲突,规则是如果你只能在你的网站上调用一次脚本,我会给你一个例子我遇到的一个问题......所以只需使用脚本为一个插件或模块调用一次脚本......

在HTML代码中,请删除标有红色的行。这是因为jQuery已经添加到标题部分。