为什么flexslider没有加载" off-page"图片?

时间:2015-04-26 01:37:03

标签: javascript jquery html css

我在这个网站上工作: http://www.lakeofthewoodsadventures.com/local/index.html

我让主页图片滑块工作,但它不会渲染滑块的最后两页,无论它们是哪个文件。

我的问题是:为什么这样做?是因为它考虑的是" off-page"不需要?图像尺寸相同,1280x480(缩放到340高度)。

以下是我的设置:

脚本中的脚本:

    <link rel="stylesheet" href="flexslider.css" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script src="jquery.flexslider.js"></script>
    <script type="text/javascript" charset="utf-8">
      $(window).load(function() {
        $('.flexslider').flexslider({
            animation: "slide",
            controlNav: false,
            animationLoop: true,  
            slideshow: true, 
            useCSS: true,
            itemWidth: 900,
        });
      });
</script>

标记:

        <div class="slide-container row">
        <div class="flexslider slideEdit">
            <ul class="slides">
                <li>
                  <img src="images/slide6.JPG" alt="Slide 6">
                </li>
                <li>
                  <img src="images/slide7.JPG" alt="Slide 7">
                </li>
                <li>
                  <img src="images/slide8.JPG" alt="Slide 8">
                </li>
                <li>
                  <img src="images/slide9.jpg" alt="Slide 9">
                </li>
                <li>
                  <img src="images/slide10.jpg" alt="Slide 10">
                </li>
            </ul>
        </div>
        </div>