jQuery实现的仿Laysns轮播图特效

使用方法：

div中的Id要与应用使用中统一

html

<div id="slider"></div>

css引入

<link rel="stylesheet" href="./index.css ">

js引入

<script src="./jquery.slider.js"></script>

js代码

<script>
    $("#slider").sliderImg({
        imgs: ["./img/1.jpg", "./img/2.jpg", "./img/3.jpg", "./img/4.jpg", "./img/5.jpg"],
    });

</script>

默认配置项

this.options = {
    container: "slider", // 轮播容器
    imgs: [],
    duration: "normal", // 轮播时长
    delay: 2000, // 延迟
    direction: "left", // 自动轮播方向
    auto: true, // 是否自动轮播
    arrows: true, // 是否显示左右箭头
    width: 520, // 宽
    height: 300 // 高
}