刷新时视图不好

时间:2015-12-25 15:09:16

标签: css jquery-slider

有一个问题。当我刷新页面时,幻灯片似乎真的很糟糕(直到所有文件加载)大约500-700ms。 我使用rocketslider进行jquery。
服务器端 - > nginx服务器,清漆(缓存机制)wordpress
cdn: cloudflare(为css,js激活自动缩小)

当点击现场点击f5按钮时(我觉得~~~约500ms) when refreshing
并且在~600-700ms之后可能更低或更高,但它低于1秒。 enter image description here
我使用黑暗风格的主题,所以它看起来很糟糕。如何防止它? 我从不想看滚动条......任何想法?

我的style.css for slide ..

  filmslayt {width:976px;float:left;height:auto;padding:0px;margin:1px;border:1px solid #191919;margin-bottom:10px;}

    .filmslaytc {width:974px;float:left;height:auto;padding:0px;border:1px solid #333333;background:#191919;}

    #myslides{background:#121212;}

    .stepcarousel{position: relative;overflow: scroll;width: 940px;height: 150px;margin: 0px 14px 0px 14px;}

    .stepcarousel .belt{position: absolute;left: 0;top: 0;margin-left:3px;}

    .stepcarousel .panel{float: left;margin: 4px 16px;width:114px;background:#14181a;height:140px;border:1px solid #333333;transition: all .3s linear;-o-transition: all .3s linear;-moz-transition: all .3s linear;-webkit-transition: all .3s linear;}

    .stepcarousel .panel img{background:#040404;margin: 1px 1px 1px 2px;padding:0px 0px;}   

    .stepcarousel .panel:hover {background:#4679aa;border:1px solid #4679aa;transition: all .3s linear;-o-transition: all .3s linear;-moz-transition: all .3s linear;-webkit-transition: all .3s linear;}

真实示例site

0 个答案:

没有答案