我目前正在使用 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>
最佳答案
正如其他人所说,最好是从内联图像中删除宽度和高度。我建议保持图像响应是为每个图像添加响应类。 像这样:
<li><img class="img-resposive" src='Images/farmimg1.jpg' alt= "Farm Photo"></li>
虽然 img-resposive 看起来像:
.img-resposive{
width: 100%;
height: auto;
}
关于javascript - unslider 没有反应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20585982/