javascript - 滑块照片不会随按钮更改

Question

我根据本网站上的教程创建了一个滑块。但它的照片不会随按钮而改变。有谁知道为什么？

    document.addEventListener( 'DOMContentLoaded', function () {
        new Splide( '.splide' ).mount();
    } );

var elms = document.getElementsByClassName( 'splide' );
for ( var i = 0, len = elms.length; i < len; i++ ) {
    new Splide( elms[ i ] ).mount();
}

.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}

<div id="nivo_slider">
 <div class="container"> 
  <div class="slider-wrapper theme-default">
   <div class="ribbon"></div>
  <div class="splide">
    <div class="splide__track">
        <div class="splide__list">
            <div class="splide__slide" ><img src="nivo-slider/images/11.jpg"   /></div>
            <div class="splide__slide"><img src="nivo-slider/images/21.jpg"   /> </div>
            <div class="splide__slide"><img src="nivo-slider/images/41.jpg"  /></div>
        </div>
    </div>
   </div>
  </div>
 </div>
</div>

标签： javascripthtmlcssslideshow