2

我在我的网站上使用这些代码来制作 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 & next 这段代码有什么问题？

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

“您的帖子没有太多解释代码部分的上下文；请更清楚地解释您的场景。” “您的帖子没有太多解释代码部分的上下文；请更清楚地解释您的场景。”

4

2 回答 2

0

2 .js 文件的路径是否正确？也就是说，您是否有一个名为“js”的文件夹，其中包含两个文件？还是您只是从网络示例中复制/粘贴代码？

于 2013-10-30T16:32:11.427 回答
0

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

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

于 2013-07-17T17:00:11.350 回答