javascript - SlidesJS 插件不起作用

Question

我正在尝试使用 Slidesjs 插件在我的网站上创建幻灯片，但由于某种原因它不起作用。

    <!--Javascript-->
  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/java" src="jquery.stellar.min.js"></script>

  <script src="jquery.slides.min.js"></script>

  <script>
    $(function(){
      $("#slides").slidesjs({
        width: 940,
        height: 528
          });
        });
  </script>

<!--Javascript-->

<div id="slides">
                    <img src="http://placehold.it/940x528">
                    <img src="http://placehold.it/940x528">
                    <img src="http://placehold.it/940x528">
                    <img src="http://placehold.it/940x528">
                    <img src="http://placehold.it/940x528">
                  </div>

Answer 1

尝试:

<!--Javascript-->
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="jquery.stellar.min.js"></script>

<script type="text/javascript" src="jquery.slides.min.js"></script>

<script>
$(function(){
  $("#slides").slidesjs({
    width: 940,
    height: 528
      });
    });
</script>

<!--Javascript-->

<div id="slides">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
              </div>

或者:

<!--Javascript-->
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="jquery.stellar.min.js"></script>

<script type="text/javascript" src="jquery.slides.min.js"></script>

<script>
$(function(){
  $("#slides").slidesjs({
    width: 940,
    height: 528
      });
    });
</script>

<!--Javascript-->

<div id="slides">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
              </div>

甚至可以使用最新的脚本库，以便将来您可以做更多事情

使用 Firefox 中的开发人员工具(我更喜欢那个，但您可以使用另一个)来查看脚本中存在冲突的内容，这确实会帮助您适应类似的事情