燈箱可離線使用，但不能在線使用

Question

我的燈箱畫廊可以在離線狀態下正常運行，但是我只是在線上傳了它，因為它根本無法正常工作，點擊圖片會將您帶到新頁面。

這是頁面... www.jevonz.co.uk/portfolio.html

文件路徑似乎很好，我什至從本地托管的jquery切換到使用Google托管的jquery，但全部無效。 任何幫助將非常感激。 干杯!

如果可以提供更多信息，請參見以下頁面代碼。

<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="Jevonz.css" rel="stylesheet" type="text/css">
<link href="jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" rel="stylesheet"   type="text/css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="respond.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery-lightbox-0.5/js/jquery.lightbox-0.5.js">      </script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1" align="center">
  <img src="images/JevonzHeader.jpg"/>
</div><!-- end LayoutDiv1 -->

<div id="Navigation" align="center">
  <ul id="nav">
      <li><a href="index.html">Home</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="portfolio.html">Portfolio</a></li>
      <li><a href="shop.html">Shop</a></li>
      <li><a href="contact.html">Contact</a></li>
   </ul>
</div> 
  <!-- end Navigation -->




 <div id="galleria" align="center">

  <a href="images/gallery/bio.JPG" rel="lightbox" title="Bio Luminesence"><img src="images/gallery/Thumbnails/bio_thumb.jpg" width="200" height="200" alt="Bioluminescence" /></a>
  <a href="images/gallery/blueRobotLarge.jpg" rel="lightbox"><img src="images/gallery/Thumbnails/blueRobot_thumb.jpg" width="200" height="200" alt="" /></a>
  <a href="images/gallery/DeepSea.JPG" rel="lightbox"><img src="images/gallery/Thumbnails/DeepSea_thumb.jpg" width="200" height="200" alt="" /></a>
  <a href="images/gallery/DiD.JPG" rel="lightbox"><img src="images/gallery/Thumbnails/DiD_thumb.jpg" width="200" height="200" alt="" /></a>
  <a href="images/gallery/EscapeLife.JPG" rel="lightbox"><img src="images/gallery/Thumbnails/EscapeLife_thumb.jpg" width="200" height="200" alt="" /></a>
  <a href="images/gallery/GorillaLarge.jpg" rel="lightbox"><img src="images/gallery/Thumbnails/GorillaLarge_thumb.jpg" width="200" height="200" alt="" /></a>
  <a href="images/gallery/LifeRobot.jpg" rel="lightbox"><img src="images/gallery/Thumbnails/LifeRobot_thumb.jpg" width="200" height="200" alt="" /></a>
  <a href="images/gallery/LureDeep.jpg" rel="lightbox"><img src="images/gallery/Thumbnails/LureDeep_thumb.jpg" width="200" height="200" alt="" /></a>
  <a href="images/gallery/TangledFamily.JPG" rel="lightbox"><img src="images/gallery/Thumbnails/TangledFamily_thumb.jpg" width="200" height="200" alt="" /></a>
  <a href="images/gallery/WorldBelow.JPG" rel="lightbox"><img src="images/gallery/Thumbnails/WorldBelow_thumb.jpg" width="200" height="200" alt="" /></a>


<script type="text/javascript">
$(function() {
// Use this example, or...
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the  attribute rel

});
</script>



 </div>


</div> 
<!-- end gridContainer -->

</body>
</html>

Answer 1

您在lightbox文件中收到403禁止的錯誤，我在firebug中發布了Net面板的屏幕截圖：

http://cl.ly/image/2m461v012M1i

檢查該文件夾的權限，並確保Web服務器可以讀取該文件夾及其內容。

燈箱可離線使用，但不能在線使用

問題描述

1 個解決方案

解決方案1
1 2013-02-22 17:58:36

燈箱可離線使用，但不能在線使用

問題描述

1 個解決方案

解決方案1 1 2013-02-22 17:58:36

解決方案1
1 2013-02-22 17:58:36