Question

我在我的网站上使用这些代码来制作bxsilder

<script src="js/jquery-latest.js" type="text/javascript"></script>
<script src="js/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#slider1').bxSlider({
        mode: 'fade'

        });

  });

</script>

                  <div id="slider1">
                    <div class="slide">
                        <img src="images/thumbnails/slide1.png">
                    </div>
                    <div class="slide">
                        <img src="images/thumbnails/slide2.png">
                    </div>
                    <div class="slide">
                        <img src="images/thumbnails/slide3.png">
                    </div>
                    <div class="slide">
                        <img src="images/thumbnails/slide4.png">
                    </div>
                    <div class="thumbs">
                      <a href=""><img src="images/thumbnails/slide1-thumb.png" /></a>
                      <a href=""><img src="images/thumbnails/slide2-thumb.png" /></a>
                      <a href=""><img src="images/thumbnails/slide3-thumb.png" /></a>
                      <a href=""><img src="images/thumbnails/slide4-thumb.png" /></a>
                    </div>

                  </div>

CSS

#slider1{
    width:500px;
    height:400px;
    background-color:#ccc;
}
.slide {
    width:500px;
    height:350px;
}
.slide img {
    width:500px;
    height:350px;
}

.thumbs {
    width:125px;
    height:75px;
}

但页面中没有任何内容！除了prev＆amp;接下来的话这段代码出了什么问题？

该帖子被拒绝是因为此消息“您的帖子没有太多上下文来解释代码部分;请更清楚地解释您的方案。” 所以我重复这些话，直到它被接受为止！

“您的帖子没有太多的背景来解释代码部分;请更清楚地解释您的情况。” “你的帖子没有太多的背景来解释代码部分;请更清楚地解释你的场景。”

Answer 1

我用bxslider un jquery测试你的代码 - ir工作“很好”。你确定，你的图像是否正确添加了？

使用Chrome开发者工具测试您的网站，查看网络和控制台 - 它是否显示任何错误？

Answer 2

2 .js文件的路径是否正确？也就是说，你有一个名为“js”的文件夹，里面有两个文件吗？或者您只是从Web示例中复制/粘贴代码？

BxSlider没有显示任何内容

2 个答案: