革命滑块图像首先加载，然后只有滑块来答案

【问题标题】：Revolution slider images loads first and then only slider comes革命滑块图像首先加载，然后只有滑块来
【发布时间】：2015-12-27 20:32:50
【问题描述】：

我正在创建一个带有革命滑块的网站，但是滑块的图像首先加载，然后在所有内容加载之后，然后只有滑块起作用..

在滑块加载之前，一目了然地看到所有图像看起来很难看...

我已经尝试过多次 css 更改，但没有任何效果..

http://livedesignstudios.com/glor-original/

<div class="fullwidthbanner-container">
                    <div class="fullwidthbanner">
                        <ul>
                            <!-- THE FIRST SLIDE -->
                            <li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="images/thumbs/thumb3.jpg">
                                        <img alt="glow" title="designova" src="images/slides/slide5_wide.jpg" >

                                        <div class="caption modern_big_bluebg lfb"  
                                             data-x="380" 
                                             data-y="60" 
                                             data-speed="500" 
                                             data-start="1500" 
                                             data-easing="easeOutExpo">The Pocket Computer</div>
                                        <div class="caption modern_small_text_dark sfb"  
                                             data-x="420" 
                                             data-y="110" 
                                             data-speed="500" 
                                             data-start="1800" 
                                             data-easing="easeOutExpo">USB OS made for Children but <br>Good enough for Military</div>
                                        <div class="caption lfl"  
                                            data-x="480" 
                                            data-y="170" 
                                            data-speed="500" 
                                            data-start="2100" 
                                            data-easing="easeOutExpo" ><img alt="downloadfree" title="downloadfree" src="images/slides/downloadfree.png"></div>         

</div>              
                            </li>

【问题讨论】：

标签： jquery slider

【解决方案1】：

我通过在第一张图片上使用内联样式设置 opacity: 0; 设法解决了这个问题。

【讨论】：

感谢@RamsaySmith 为您提供明确的答案......虽然我不确定我该如何为您提供信用。我应该在这里做其他事情吗？我只是用更正的答案更改了我的答案。
我也在为此苦苦挣扎。突然想到你的建议。感谢您的提示。

【解决方案2】：

$(".fullwidthbanner").hide();
$(".fullwidthbanner").delay(100).fadeIn(0);

【讨论】：

【解决方案3】：

看起来您在关闭 li 之前关闭了 div。

    <div class="fullwidthbanner">
        <ul>
            <!-- THE FIRST SLIDE -->
            <li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="images/thumbs/thumb3.jpg"><img alt="glow" title="designova" src="images/slides/slide5_wide.jpg">

                <div class="caption modern_big_bluebg lfb" data-x="380" data-y="60" data-speed="500" data-start="1500" data-easing="easeOutExpo">The Pocket Computer</div>
                <div class="caption modern_small_text_dark sfb" data-x="420" data-y="110" data-speed="500" data-start="1800" data-easing="easeOutExpo">
                    USB OS made for Children but <br>Good enough for Military
                </div>
                <div class="caption lfl" data-x="480" data-y="170" data-speed="500" data-start="2100" data-easing="easeOutExpo">
                    <img alt="downloadfree" title="downloadfree" src="images/slides/downloadfree.png">
                </div>
            </li>
        </ul>
    </div>

另外，请尝试更改加载脚本的顺序。由于在加载革命滑块 javascript 之前加载了一堆其他脚本，我遇到了类似的问题。

【讨论】：