prettyPhoto没有显示所有图片

时间:2013-02-04 00:11:09

标签: jquery html5 css3 twitter-bootstrap prettyphoto

所以我刚刚使用twitter-bootstrap模板完成了一个网站,偶然发现了一个小问题。在本地运行页面时,一切都运行良好,但在将页面上传到虚拟服务器后,prettyPhoto拒绝在网站上显示一半的图片,说:请求的URL /img/gallery/gallery-04.jpg不是在这台服务器上找到。

正如我所说,当我在本地运行页面时,一切都很完美。我检查并仔细检查了所有必要的脚本,一切似乎都是有序的。无论如何,这是我的代码:

<div class="span6 YDCOZA usability packaging">
                <div class="single-item">
                    <div class="img-box">
                        <img src="img/gallery/gallery-04.jpg" alt="Alt Text" width="960"; height="720"; >
                        <div class="single-navigation">
                            <a class="fullimage" rel="prettyPhoto" href="img/gallery/gallery-04.jpg">
                            <div class="full-image">
                            </div>
                            </a>
                        </div>
                        <!-- .single-navigation -->
                    </div>
                    <!-- .img-box -->

                </div>
                <!-- .single-item -->
            </div>

<!-- Footer Scripts -->
<script src="js/libs/bootstrap/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/jquery.hoverIntent.minified.js"></script>
<script src="js/plugins.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/script.js"></script>

 <!-- Header Scripts -->
 <link rel="stylesheet" href="css/prettyphoto.css">
 <script src="js/libs/jquery-1.7.2.min.js"></script>

2 个答案:

答案 0 :(得分:0)

检查图像路径。可能这是一个问题。

尝试删除第一个/上图像路径。所以它会 IMG /画廊/画廊-04.jpg

答案 1 :(得分:0)

我发现了问题。问题是:文件路径是image.jpg,文件名是image.JPG。所以它实际上是文件扩展名中的大写/小写的问题。现在我觉得很蠢。那好吧。我们活着,我们学习。