我正在使用带有 Skelton 样板的 flexslider 插件。但是,我无法让滑块处理大图像。理论上,滑块应该使图像符合 .flexslider 类的大小,但它只显示图像的一部分,而不是在调整视口大小时调整图像大小以适应屏幕。
我正在使用一个非常标准的 Skeleton 框架,并且丝毫没有触及 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>
当文档中没有调用 flexslider javascript 插件时,图像似乎符合容器 div 的大小,但是一旦它在那里,它似乎就不起作用了。
有什么建议么?
谢谢!