javascript - 用unslider实现轮播图，图像上没有圆点怎么回事？

问题描述

问 题

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

-------------------------------

 <div class="CrisprBanner banner">
                <ul >
                    <li>
                        <img src="banner0.png">
                
                    </li>
                    <li>
                        <img src="banner.png">
    
                    </li>
    
                </ul>
            </div>

-------------------

<script>
    $(function() {

        unslider = $('.banner').unslider({
            speed: 500,               //  切换的速度
            delay: 3000,              //  切换的速度
            keys: true,               //  是否启用左右按钮控制slider切换
            fluid: false,              // 是否每次在容器大小改变的时候，修正slider的大小
            pause:true,                 //鼠标以上去是否暂停播放
            starting:function(){        //每次开始切换时回叫方法
                console.log("starting");
            },
            complete:function(){         //每次完成切换时回叫方法
                console.log("complete");
            },
            arrows: true,               //  是否显示左右箭头，用于slider切换
            dots: true                  //  是否显示白色圆点，用于slider切换
        });
    });
</script>

解决方案

看一下是否是这个插件支持圆点显示的参数写错了，如果不是的话看一下轮播图高度是否被遮挡了，如果还不是的话看一下是不是设置了什么全局属性影响到了圆点，可以把html部分翻一下看看圆点是不是存在在dom里面的

这篇关于javascript - 用unslider实现轮播图，图像上没有圆点怎么回事？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！