0

$この問題の解決策を徹底的に調査しましたが、タグを使用していないため何も見つかりませんでした。

実際に自分のページに 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>
4

1 に答える 1

0

私はあなたのコードについて詳しく説明しませんでしたが、あなたが記述したそのシンプトンは、スクリプトの競合が発生しているようです。ルールは、ここであなたのウェブサイトでスクリプトを 1 回しか呼び出せない場合、問題の例を示します。持っていた...スクリプトを使用するプラグインまたはモジュールの数だけスクリプトを1回呼び出すだけです...

HTML コード内の赤でマークされた行を削除してください。これは、jQuery が既にヘッダー セクションに追加されているためです。

于 2013-09-19T13:23:29.870 に答える