Jquery 如何使用超级幻灯片向幻灯片添加文本？_Jquery_Plugins

Jquery 如何使用超级幻灯片向幻灯片添加文本？

jquery plugins

Jquery 如何使用超级幻灯片向幻灯片添加文本？,jquery,plugins,Jquery,Plugins,这是一个滑块示例，如何向每个幻灯片添加文本？我还没有发现任何关于在github中添加文本或其他元素的信息，如有任何帮助或想法，将不胜感激 <body> <div id="slides"> <div class="slides-container"> <img src="images/people.jpeg" alt="Cinelli"> <img src="images/surly.jpeg" width=

这是一个滑块示例，如何向每个幻灯片添加文本？我还没有发现任何关于在github中添加文本或其他元素的信息，如有任何帮助或想法，将不胜感激

<body>
  <div id="slides">
    <div class="slides-container">
      <img src="images/people.jpeg" alt="Cinelli">
      <img src="images/surly.jpeg" width="1024" height="682" alt="Surly">
      <img src="images/cinelli-front.jpeg" width="1024" height="683" alt="Cinelli">
      <img src="images/affinity.jpeg" width="1024" height="685" alt="Affinity">
      <img src="images/affinity.jpeg" width="1024" height="685" alt="Affinity">   
    </div>

    <nav class="slides-navigation">
      <a href="#" class="next">Next</a>
      <a href="#" class="prev">Previous</a>
    </nav>
  </div>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script src="javascripts/jquery.easing.1.3.js"></script>
  <script src="javascripts/jquery.animate-enhanced.min.js"></script>
  <script src="javascripts/hammer.min.js"></script>
  <script src="../dist/jquery.superslides.js" type="text/javascript" charset="utf-8"></script>
  <script>
    $(function() {
      var $slides = $('#slides');

      Hammer($slides[0]).on("swipeleft", function(e) {
        $slides.data('superslides').animate('next');
      });

      Hammer($slides[0]).on("swiperight", function(e) {
        $slides.data('superslides').animate('prev');
      });

      $slides.superslides({
        hashchange: true
      });
    });

  </script>
</body>

从文档和演示示例中，您可以使用幻灯片容器的以下结构添加文本：

您能显示您尝试过的内容吗？尝试将图像包装在div和标记中，将p设置为固定位置。如果你有时间的话，把答案标记为有用或正确，我将不胜感激。

<ul class="slides-container">
  <li>
    <img src="http://flickholdr.com/1000/800" alt="">
    <div class="container">
      <h2>Text for the first slide</h2> <!-- You can use any tag you want here -->
    </div>
  </li>
  <li>
    <img src="http://flickholdr.com/1000/800/space" alt="">
    <div class="container">
      <h2>Text for the second slide</h2> <!-- You can use any tag you want here -->
    </div>
  </li>
  <li>
    <img src="http://flickholdr.com/1000/800/tech" alt="">
    <div class="container">
      <h2>Text for the third slide</h2> <!-- You can use any tag you want here -->
    </div>
  </li>
</ul>