javascript - unslider 没有反应

Question

我目前正在使用 unslider，它在我的网站上没有响应。我不确定为什么它没有响应，因为我将其设置为流畅。

代码如下:

 <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="http://unslider.com/unslider.min.js"></script>
   <script>
        $(document).ready(function() {
         $('.banner').unslider({
            speed: 600,   //Speed in milliseconds
            delay: 4000, // To delay between slide (in milliseconds
            keys: true,
            fluid: true,
            dots: true 

            });
         });
 </script>

我需要在我的 CSS 文件中做些什么还是我需要将我的图像制作成 %

谢谢!

下面是HTML:

<div class="banner">
    <ul =" col span_6_of_6">
        <li><img src='Images/farmimg1.jpg' width="1000" height="577" alt= "Farm Photo"></li>        
        <li><img src = "Images/tunisewefield.jpg" width="1000" height= "577" alt= "Tunis Ewe in field"></li>
        <li><img src = "Images/barnsimg.jpg"width="1000" height= "577" alt= "Wise Family Sheep Farm"></li>
        <li><img src= "Images/sheepfield.jpg" width= "1000" height = "577" alt= "Sheep in Field"></li>
    </ul>
</div>  

Answer 1

正如其他人所说，最好是从内联图像中删除宽度和高度。我建议保持图像响应是为每个图像添加响应类。像这样:

<li><img class="img-resposive" src='Images/farmimg1.jpg' alt= "Farm Photo"></li> 

虽然 img-resposive 看起来像:

.img-resposive{
  width: 100%;
  height: auto;
}