评论:jQuery仿简书首页轮播  [查看原文]

所属分类:媒体-幻灯片和轮播图

 36728  345  9
当前第1页 / 共1页
    zy4538912680
    2017/12/21 10:22:39

    楼主强大,

    这个轮播图片的顺序可以指定吗?

        Medy丶ghost0
        2017/12/21 10:45:45

        现在横向和纵向的轮播其实是独立的,自己稍微改一下源码,可以提供不同的图片源。顺序的话基本就是图片数组的逆序(自动播放时)

        zy4538912680
        2017/12/21 15:41:46

        楼主怎么联系你啊?

    回复
    Wait or Hope0
    2017/11/4 10:55:17
    24993390440
    2017/11/3 15:59:00
    心上秋0
    2017/11/3 14:49:23
    Medy丶ghost0
    2017/11/3 13:41:41

    使用简单。引入jq和插件js文件。使用如下:

    <div class='container'>
        <div id='banner'></div>
    </div>
    <script src='./js/jquery.js'></script>
    <script src='./js/carousel.js'></script>
    <script>
        window.onload = function() {
            var banner = new Carousel();
            //图片地址数组。不要少于三张
            var imgSrcDate = ["./public/img/01.jpg", "./public/img/02.jpg", "./public/img/03.jpg", "./public/img/04.jpg", "./public/img/05.png", "./public/img/06.jpg"];
            banner.init({
                container: "#banner",
                datas: imgSrcDate,
                autoplaySpeed: 5000,
                autoplay: false
            });
        }
    </script>
        流年浮世、许你一世0
        2017/12/12 15:48:56

        楼主请问一下这个能改成右侧是上下轮播更简书那个一样的么?

        Medy丶ghost0
        2017/12/19 20:26:23
        当初就是图省事,有时间我会加上那个小特效的。
    回复

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复