javascript - Gunakan unslider untuk melaksanakan imej karusel Mengapa tiada titik pada imej?

Question

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

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

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

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

<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>

Answer 1

Semak untuk melihat sama ada parameter yang disokong oleh pemalam ini untuk paparan titik ditulis dengan betul. Jika tidak, semak untuk mengetahui sama ada ketinggian karusel disekat titik. Ya. Tatal bahagian html untuk melihat sama ada titik itu wujud dalam dom