有一个问题。当我刷新页面时,幻灯片似乎真的很糟糕(直到所有文件加载)大约500-700ms。
我使用rocketslider进行jquery。
服务器端 - > nginx服务器,清漆(缓存机制)wordpress
cdn: cloudflare(为css,js激活自动缩小)
当点击现场点击f5按钮时(我觉得~~~约500ms)
并且在~600-700ms之后可能更低或更高,但它低于1秒。
我使用黑暗风格的主题,所以它看起来很糟糕。如何防止它?
我从不想看滚动条......任何想法?
我的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