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查看）？

为什么我的幻灯片不起作用？为什么我的照片会消失？

1 个答案: