Flexslider使用webkit浏览器减慢了图像加载问题

Question

我注意到，当您第一次加载页面时，我的click here for plugin幻灯片放映在safari和chrome click here中，只有图像的上半部分可见，然后到位一旦调整浏览器大小。我注意到当我将参数smoothHeight: true,添加到(function() Javascript时，问题就开始发生了。下面也是我的滑块css的css片段。

.homeslider{
width: 97.5%;
position: relative;
top: 0;
left: 0;
   }

.flex-control-nav, .flex-control-paging{
  display: none;
   }

.slides, .flex-control-nav, .flex-direction-nav {
margin: 0; padding: 0;
list-style: none;
   } 

 .flexslider .slides > li {
display: none; 
-webkit-backface-visibility: hidden;
top: 0;
   } 

   .no-js .slides > li:first-child {display: block;}

 .slides:after {
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0;
   } 

   html[xmlns] .slides {
display: block;
      } 

    * html .slides {height: 1%;}

关于可能导致问题的任何想法？