Question

使用Unslider插件在网站上进行幻灯片放映，我得到幻灯片等等。但是当我添加速度，点，延迟，完成等选项时，它无法正常工作。幻灯片正在滚动，但我在JS中所做的任何更改都会做任何事情。

<link href="style.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://unslider.com/unslider.min.js"></script>
<script>

$(function() {
    $('.banner').unslider({
    speed: 500,               
    delay: 3000,              
    complete: function() {},  
    keys: true,               
    dots: true,               
    fluid: false              
    });
});
</script>
</head>
<body background="background.jpg">
<div id="innhold"> 
        <div class="banner">
        <ul>
            <li><img src="mallorca.png" alt="mallorca"></li>
            <li><img src="rhodos.png" alt="rhodos"></li>
            <li><img src="portimao.png" alt="portimao"></li>
        </ul>
        </div>
</div>

这是我的CSS

.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }

Answer 1

选项正常运作！只是你没有正确的CSS才能看到选项正在运行。我已经为你嘲笑了它：http://jsfiddle.net/3zt5k/并为你可以玩的点（数字）增加了一些css。

    .dots li {
  position: relative;
    bottom: 50px;
    left: 215px;
    display: inline;
    margin: 5px;
 }
.dots .active {
    color:#fff
}

您可以更改速度和延迟时间。（5000 = 5秒）当你
使用键盘上的箭头键更改照片。
现在显示点，当前图像的数字为白色。
不确定流体功能的作用！但我假设你这样做，对不起。

此外，您的http://unslider.com/unslider.min.js文件位于jsfiddle左侧的外部资源中！

你的解决方案一直躲着你。）

jQuery Unslider插件无法正常工作

1 个答案: