0

在此处查看页面

我已经安装了 WooThemes 的 FlexSlider 作为拥有 3 张旋转图片的简单方法。由于某种原因，当图像切换到下一张时，下一张图像会瞬间变大，然后重新缩小尺寸。图像的高度和宽度正是 div 的大小，因此它不应该拉伸图像。

我的 <*head> 代码

<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>

同样，您可以在此处查看问题。提前致谢！！

4

0 回答 0