왜 내 슬라이드 쇼가 작동하지 않습니까? 왜 내 그림이 사라지나요?

Question

여기 내 코드는 http://codepen.io/lionelbogdanvagrad/pen/EyJoXk입니다. 제 코드를보기가 더 쉽다고 생각합니다.

HTML :

<div class="container"> 

    <div class="row"> 
     <div class="col-xs-12 col-sm-8 col-md-6 slide"> 

     <div class="mySlides fade"> 
      <div class="numbertext">1/3</div> 
      <img src="images/marea_neagra.jpg" class="image_slide"> 
      <div class="text">Caption Text</div> 
     </div> 

     <div class="mySlides fade"> 
      <div class="numbertext">2/3</div> 
      <img src="images/mare.jpg" class="image_slide"> 
      <div class="text">Caption Two</div> 
     </div> 

     <div class="mySlides fade"> 
      <div class="numbertext">3/3</div> 
      <img src="images/inside-home.jpg" class="image_slide"> 
      <div class="text">Caption Three</div> 
     </div> 

     <a class="prev" onclick="plusSlides(-1)"><</a> 
     <a class="next" onclick="plusSlides(1)">></a> 

     </div> 
     <br> 

     <div style="text-align:center"> 
     <span class="dot" onclick="currentSlide(1)"></span> 
     <span class="dot" onclick="currentSlide(2)"></span> 
     <span class="dot" onclick="currentSlide(3)"></span> 
     </div> 

     <!--<div class="col-xs-12 col-sm-8 col-md-6"> 


     </div>--> 


    </div> 

    </div> 


    <script src="js/script_slide.js"></script> 

내 주요 문제 : 1. 내 이미지가 사라집니다. 2. 내 서클이 그림 아래에 표시되지 않습니다.

Answer 1

나는 당신의 문제가 무엇인지 이해하지 못합니다. 로드하려고하는 이미지가 codepen 서버에 존재하지 않으므로 작동하지 않습니다.

이미지를 임의의 Google 이미지에 src 속성으로 편집했는데 파이어 폭스에서 잘 작동했습니다. See pen here.

문제에 대해 더 자세히 설명해보십시오. 어떤 브라우저를 사용하고 있습니까? 콘솔에 오류 로그가 표시됩니까 (F12 키를 눌러 표시)?