Jquery Picture Slider 不显示任何图片

我有一个页面,我在其中使用一些滑块来显示图片,现在我只是进去检查页面的运行情况,它没有显示图像,只是一个应该显示图片的黑框:

http://img.mukewang.com/6402eb940001ef8606570437.jpg

在这里您可以看到问题,现在我检查了代码但找不到解决方案,我认为它与 Jquery 库的一些更改有关,因为它以前是工作的。


这是我添加 Jquery JS 的代码:


    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

        <script src="http://code.jquery.com/jquery-latest.js"></script>

        <script src="js/menu.js"></script>

        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

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


         <script>

    $(function(){

  $(".slidejs-container").slidesjs({

    play: {

      active: true,

        // [boolean] Generate the play and stop buttons.

        // You cannot use your own buttons. Sorry.

      effect: "slide",

        // [string] Can be either "slide" or "fade".

      interval: 5000,

        // [number] Time spent on each slide in milliseconds.

      auto: true,

        // [boolean] Start playing the slideshow on load.

      swap: true,

        // [boolean] show/hide stop and play buttons

      pauseOnHover: false,

        // [boolean] pause a playing slideshow on hover

      restartDelay: 2500

        // [number] restart delay on inactive slideshow

    }

  });

});

  </script>

下面是用于显示图片的 PHP 代码:


<section id="slideshow1">

<img class="thumb9" src="images/IMG-20140312-WA0002.jpg" alt="thumbail #1" />

                <div class="slidejs-container">

<div><a href="#"><img src="images/n.jpg"/></a></div>

<div><a href="#"><img src="images/ff.jpg"/></a></div>

<div><a href="#"><img src="images/kk.jpg"/></a></div>

<div><a href="#"><img src="images/hh.jpg"/></a></div>

<div><a href="#"><img src="images/gg.jpg"/></a></div>

<div><a href="#"><img src="images/jj.jpg"/></a></div>

<div><a href="#"><img src="images/ll.jpg"/></a></div>

<div><a href="#"><img src="images/mm.jpg"/></a></div>

<div><a href="#"><img src="images/nn.jpg"/></a></div>

<div><a href="#"><img src="images/ww.jpg"/></a></div>

                    </div>


慕工程0101907
浏览 137回答 1
1回答

慕雪6442864

没关系,我在滑块上的每个图像之前添加了一个 Div:<section id="slideshow1"><div class="slidejs-container"><img src="images/n.jpg"/><img src="images/ff.jpg"/><img src="images/kk.jpg"/><img src="images/hh.jpg"/><img src="images/gg.jpg"/><img src="images/jj.jpg"/><img src="images/ll.jpg"/><img src="images/mm.jpg"/><img src="images/nn.jpg"/><img src="images/ww.jpg"/><img src="images/xx.jpg"/><img src="images/yy.jpg"/><img src="images/zz.jpg"/></div>现在它正在工作,谢谢。
打开App,查看更多内容
随时随地看视频慕课网APP