javascript - 为什么我的幻灯片无法播放？为什么我的照片消失了？

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 服务器中不存在，这就是它不起作用的原因。

我将图像 src 属性编辑为一些随机的谷歌图像，它在 Firefox 中对我来说工作得很好。 See pen here .

尝试详细解释该问题:您使用的是什么浏览器？您在控制台中是否收到任何错误日志(按 F12 查看)？