带有骨架样板的弹性滑块

Question

我正在使用一个flexslider插件与Skelton样板。然而，我无法让滑块与大图像一起工作。从理论上讲，滑块应该使图像符合。flexslider类的大小，但它只显示图像的一部分，而不是在调整视口大小时调整图像以适应屏幕。

我使用的是一个非常标准的骨架框架，没有触及flexslider css或javascript在最轻微的

对应的HTML如下:

<div class="container">
<div class="sixteen columns">
        <h1 class="remove-bottom"> Skeleton </h1>
        <h5>Version 1.2</h5>
        <div id="divider"><hr></div>
    <div class="flexslider">
      <ul class="slides">
        <li>
            <img src="images/kitchen_adventurer_cheesecake_brownie.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_lemon.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_donut.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_caramel.jpg" />
            </li>
      </ul>
    </div>

图像似乎符合容器div的大小当flexslider javascript插件不调用在文档中，但一旦它在那里，它似乎不工作。

有什么建议吗?

谢谢!

Answer 1

我漏了一行非常完整的代码…jQuery库!解决了我所有的问题!