2016-08-19 7 views
1

私のコードは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.写真の下にサークルが表示されません。

答えて

0

私はあなたの問題が何か分かりません。あなたがロードしようとしている画像は、codepen serverに存在しないので、うまく動作しません。

私はいくつかのランダムなグーグルイメージに画像srcの属性を編集し、それは私にファイヤーフォックスでうまく働いた。 See pen here

問題の詳細を説明してください:どのブラウザを使用していますか?コンソールにエラーログがありますか(F12を押すと表示されます)?

関連する問題