Javascriptのスライドショーが機能しない - 外観が正しくない

私のウェブページの上部にスライドショーバナーに関する問題があります。私はそれについてのW3チュートリアルに従ってみましたが、多くの運がない。だから、以下の私のコードです：Javascriptのスライドショーが機能しない - 外観が正しくない

HTML：

<div class="slide-content" style="max-width:1000px"> <img class="slidepic" src="testheadphoto.jpg" style="width:100%" border="0" /> <img class="slidepic" src="testphototwo.jpg" style="width:100%" border="0" /> 
    <div class="slide-center slide-section slide-large slide-text-white slide-display-bottommiddle" style="width:100%"> 
    <div class="slide-left slide-padding-left slide-hover-text-khaki" onclick="plusDivs(-1)">&#10094;</div> 

    <div class="slide-right slide-padding-right slide-hover-text-khaki" onclick="plusDivs(-1)">&#10095;</div> 

<span class="slide-stamp demo slide-border slide-transparent slide-hover-white" _="_" span="span"> <span class="slide-stamp demo slide-border slide-transparent slide-hover-white" onclick="currentDiv(1)"></span> <span class="slide-stamp demo slide-border slide-transparent slide-hover-white" onclick="currentDiv(2)"></span> </span> </div>

はCSS：

.slide { 

    display:none; 

} 

.slide-left, .slide-right, .slide-stamp { 

    cursor: pointer; 

} 

.slide-stamp { 

    height: 13px; 

    width: 13px; 

    padding: 0; 

}

Javascriptを：

var slideIndex = 1; 
showDivs(slideIndex); 

function plusDivs(n) { 
    showDivs(slideIndex += n); 
} 

function currentDiv(n) { 
    showDivs(slideIndex = n); 
} 

function showDivs(n) { 
    var i; 
    var x = document.getElementsByClassName("slidepic"); 
    var dots = document.getElementsByClassName("demo"); 
    if (n > x.length) {slideIndex = 1}  
    if (n < 1) {slideIndex = x.length} 
    for (i = 0; i < x.length; i++) { 
    x[i].style.display = "none"; 
    } 
    for (i = 0; i < dots.length; i++) { 
    dots[i].className = dots[i].className.replace(" slide-white", ""); 
    } 
    x[slideIndex-1].style.display = "block"; 
    dots[slideIndex-1].className += " slide-white"; 
}

現時点では、2枚の画像は、両方に表示されていますページを同時に表示し、右と左の矢印がその下に表示されます。矢印をクリックすると、写真の1つが消え、スライドが効果的に機能します。それはどうしたのか見ていない。私は鉱山がどのように見えるか二つの画像（スライドがどのように見えるべきかの一つと他を添付しました。いつものように、任意のヘルプははるかに高く評価される！

おかげ