jQuery Orbit插件

Question

我遇到了一个比较奇怪的东西，我正在使用这个名为Orbit的滑块。我在这里和谷歌搜索过，但似乎都没有找到我的问题。

我已经设置了#featured元素的宽度和高度，但是在occaision上，特色元素看起来完全折叠在自身上，在元素中有内容（即图像）。当我说oc ocision时，我的意思是，一分钟它将完全正常，下一次完全崩溃，只留下导航箭头。

我曾尝试用CSS来欺骗用来试图解决这个问题，但一切都无济于事。所以我来找你们和你敏锐的眼睛。我错过了完全愚蠢的事情还是更严重？

Orbit Wrap Css

/* orbit id and slider size */

 #featured {
    width: 720px;
    height: 380px;
    overflow: hidden;
    background-color: #000;
    background-image: url(../assets/orbit/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
  }

#featured>img,  
#featured>div,
#featured>a { display: none; }

/* CONTAINER */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're 
going to want to put the width and height declarations on 
the ".orbit>div" and "div.orbit>a" tags in addition to just 
the .orbit-wrapper */

Orbit HTML

<!-- ꜜꜜ orbit gallery ꜜꜜ -->
<div id="featured">  
    <img src="assets/img/g-backing.jpg" />
    <img src="assets/img/scandal- (1).jpg" />
    <img src="assets/img/scandal- (2).jpg" />
    <img src="assets/img/scandal- (3).jpg" />
    <img src="assets/img/scandal- (4).jpg" />
</div>

这是Orbit滑块的原始Site位置，因此您可以看到我构建的是什么。的 (Orbit Slider)