Javascript Lightbox脱机工作但不联机
我的lightbox gallery在离线状态下工作得很好,但我刚刚在线上传了它,它根本不工作,单击图像只会将您带到一个新页面 这是页面。。。www.jevonz.co.uk/portfolio.html 文件路径看起来不错,我甚至已经从本地托管jquery切换到使用google托管的jquery,但都没有用。任何帮助都将不胜感激。干杯 这是该页面的代码,如果它提供了更多信息Javascript Lightbox脱机工作但不联机,javascript,jquery,html,lightbox,offline,Javascript,Jquery,Html,Lightbox,Offline,我的lightbox gallery在离线状态下工作得很好,但我刚刚在线上传了它,它根本不工作,单击图像只会将您带到一个新页面 这是页面。。。www.jevonz.co.uk/portfolio.html 文件路径看起来不错,我甚至已经从本地托管jquery切换到使用google托管的jquery,但都没有用。任何帮助都将不胜感激。干杯 这是该页面的代码,如果它提供了更多信息 <!doctype html> <!--[if lt IE 7]> <html class
<!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>
无标题文件
$(函数(){
//用这个例子,或者。。。
$('a[@rel*=lightbox]')。lightbox();//选择属性rel中包含lightbox的所有链接
});
您在lightbox文件中获得了403个禁止的错误,我在firebug中发布了网络面板的屏幕截图:
检查该文件夹的权限,确保Web服务器可以读取该文件夹及其内容。如果lightbox文件出现403个禁止的错误,我已在firebug中发布了网络面板的屏幕截图:
检查该文件夹的权限,并确保Web服务器可以读取该文件夹及其内容。我刚刚更改了权限,但仍然运气不佳。我明白了$('a[@rel*=lightbox]')。lightbox();不再需要“@”字符。。我把这个拿走了,嘿,普雷斯托真的很有用!我刚更改了权限,但还是没什么运气。我明白了$('a[@rel*=lightbox]')。lightbox();不再需要“@”字符。。我把这个拿走了,嘿,普雷斯托真的很有用!