我在这个网站上工作: 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>
答案 0 :(得分:2)
不,这是因为这些图像不存在(404 File Not Found): http://www.lakeofthewoodsadventures.com/local/images/slide9.jpg http://www.lakeofthewoodsadventures.com/local/images/slide10.jpg
看起来这是大写问题: http://www.lakeofthewoodsadventures.com/local/images/slide9.JPG http://www.lakeofthewoodsadventures.com/local/images/slide10.JPG