2016-08-19 58 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服務器中,這就是爲什麼它不起作用。

我編輯了src屬性的圖像src屬性到一些隨機谷歌圖像,它在Firefox中工作正常。 See pen here

嘗試解釋更多關於該問題的信息:您使用的是哪種瀏覽器?你是否在控制檯中獲得任何錯誤日誌(按F12查看)?

相關問題