1

メイン スライダー内にスライダーを表示する際に問題が発生しています。すべてが正しくリンクされており、画像が表示されないという事実を除いて、すべてが正しく機能しているようです。Firebugを使用してすでに確認しているため、z-indexの問題ではないと確信しています。

リンク: http://toughguppyproductions.com/2013

私が言及しているスライドは、「グラフィック デザイン」と呼ばれるコンピューターのアイコンが付いた 4 番目の円です。それをクリックすると、私が参照しているスライドが表示されます。スライドの右側には、スライダーの 2 つの矢印と、スライダーにある画像の数を示すドットが表示されます。

助けてください、私はこれを理解しようとして約1週間頭を悩ませてきました.

4

2 に答える 2

0

画像を配置した div は 1x1 ピクセルです。したがって、現在、ギャラリーの左上のピクセルを表示しています (id='featured' の div のインライン css を見てください)。:)

私が約束したように。orbit_home.js を開いて置き換えます

{"z-index" : 1}

と

{"z-index" : 2}

に

{"z-index" : 1, "display" : "none"}

と

"z-index" : 3

に

"z-index" : 3, "display":"block"

すべての .css コマンドで

最終編集: css ファイルの末尾に次の行を追加します。

line 88 and 91 from the  orbit_home.js :

"display":"block"に"display":"none"

次のように:

 function unlock() {
                locked = false;
            }
            function lock() { 
                locked = true;
            }

            //If there is only a single slide remove nav, timer and bullets
            if(slides.length == 1) {
                options.directionalNav = false;
                options.timer = false;
                options.bullets = false;
            }

            //Set initial front photo z-index and fades it in
            slides.eq(activeSlide)
                .css({"z-index" : 3, "display":"block"})
                .fadeIn(function() {
                    //brings in all other slides IF css declares a display: none
                    slides.css({"display":"block"})
                });

// ==============
// ! TIMER   
// ==============

なる:

関数のロック解除（）{ロックされた= false; } function lock() { ロックされた = true; }

        //If there is only a single slide remove nav, timer and bullets
        if(slides.length == 1) {
            options.directionalNav = false;
            options.timer = false;
            options.bullets = false;
        }

        //Set initial front photo z-index and fades it in
        slides.eq(activeSlide)
            .css({"z-index" : 3, "display":"block"})
            .fadeIn(function() {
                //brings in all other slides IF css declares a display: none
                slides.css({"display":"none"})
            });

// ==============
// ! TIMER   
// ==============
于 2013-07-17T17:39:55.233 に答える