Question

我在主滑块内显示滑块时遇到问题。我把所有东西都正确地连接起来，除了图像不会显示之外，一切似乎都正常运行。我很确定这不是z索引问题，因为我已经使用Firebug检查了它。

link：http://toughguppyproductions.com/2013

我所指的幻灯片是带有计算机图标的第4个圆圈，名为“平面设计”。当你点击它时，你会看到我所指的幻灯片。在幻灯片的右侧，您将看到滑块的两个箭头以及显示滑块中有多少图像的点。

请帮助，我已经绞尽脑汁待了大约一个星期试图解决这个问题。

Answer 1

放置图像的div是1x1像素。因此，您当前正在显示图库的左上角像素（请参阅div上的内联css，ID =＆＃39;精选＆＃39;）。：）

正如我所承诺的那样。打开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   
// ==============

成为：

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":"none"})
            });

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

Answer 2

你的#featured div中的内联css height: 1px;width: 1px;。：）

我的嵌套滑块未显示图像

2 个答案: