Question

我在轨道幻灯片中遇到问题，这是ZURB基金会的一部分。

http://visiondemo.com.au/tmp/

如果单击标题徽标或通过单击链接登陆主页，则幻灯片放映完美。没有问题。但是，如果你点击刷新，它就会丢失。

此外，当页面刷新并且幻灯片显示丢失时，调整窗口大小会使其神奇地显示。

我是否可以随时加载它？

干杯。

Answer 1

嗯，这个答案将是一种非常糟糕的做法，但我认为它会以某种方式对你有用..

首先修复高度：数据轨道中的0px问题。既然您已选择轨道内容作为实际标题，请尝试将其添加到<style>标记或style.css中。（#note仅适用于中上方块，为小块提供高度。）

.slideshow.show-for-medium-up > li {
    height: 421px !important;
}

现在已经很好并且正常工作，你现在就会看到你的轨道......显然会出现另一个问题。它会在内容的.orbit-caption完成列表样式之前显示轨道。所以将这个小修正附加到你的style.css

/* Orbit Fix */

    ul[data-orbit] {
        margin: 0;
        padding-left: 0;
        list-style-type: none;
    }

    /* initially, hide all slides... */
    ul[data-orbit] li,
    ul[data-orbit] .orbit-caption {
        display: none;
    }

    /* ...except for the first one */
    ul[data-orbit] li:first-child { display: block; }

    /* show slides once .orbit-container is loaded */
    .orbit-container ul[data-orbit] li,
    .orbit-container ul[data-orbit] .orbit-caption {
        display: block;
    }

更新：我认为这是因为你只在屏幕很小时显示图像，我建议添加它，

.slideshow.show-for-small-only img { 
     /* change the img height here */ 
     height: 200px; /* Change this as you see fit */
}

轨道滑块未在页面刷新时加载？

1 个答案: