jquery - 我的嵌套滑块不显示图像

Question

我在主滑块内显示滑块时遇到问题。我已经正确连接了所有内容，并且所有内容似乎都正常运行，只是图像无法显示。我很确定这不是 z-index 问题，因为我已经使用 Firebug 进行了检查。

链接：http ://toughguppyproductions.com/2013

我指的幻灯片是第四个圆圈，上面有一个叫做“图形设计”的计算机图标。当您单击它时，您将看到我所指的幻灯片。在幻灯片的右侧，您将看到滑块的两个箭头以及显示滑块中有多少图像的点。

请帮忙，我已经绞尽脑汁想解决这个问题了大约一个星期。

Answer 1

#featured div 中有一个内联 CSS height: 1px;width: 1px;。:)

Answer 2

您放置图像的 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   
// ==============

变得：

功能解锁（）{锁定=假; } 功能锁（） { 锁定 = 真；}

        //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   
// ==============