Question

我已经安装了WooThemes的FlexSlider作为一个简单的方法来拍摄3张旋转图片。出于某种原因，当图像切换到下一个图像时，下一个图像会瞬间变大，然后再调整大小。图像的高度和宽度正好与div的大小相同，因此不应该拉伸图像。

我的＆lt; * head＆gt;代码

<link rel="stylesheet" href="<?php bloginfo('template_url')?>/flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="<?php bloginfo('template_url')?>/jquery.flexslider.js"></script>
<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>

我的HTML代码

<div class="flex-container"><div class="flexslider">
  <ul class="slides">
    <li>
  <img src="http://ontargetclients.com/staging/womenscareflorida/wp-content/uploads/2013/05/1.jpg" />
</li>
<li>
  <img src="http://ontargetclients.com/staging/womenscareflorida/wp-content/uploads/2013/05/2.jpg" />
</li>
<li>
  <img src="http://ontargetclients.com/staging/womenscareflorida/wp-content/uploads/2013/05/3.jpg" />
</li>
  </ul>
</div></div>

同样，您可以查看问题here。在此先感谢!!

Flexslider问题：切换后imgs的大小增加

0 个答案: