jquery lightbox 0.5为隐藏链接提供错误。如何修复它?
我正在使用jquery-lightbox-0.5 像这样打电话jquery lightbox 0.5为隐藏链接提供错误。如何修复它?,jquery,lightbox,Jquery,Lightbox,我正在使用jquery-lightbox-0.5 像这样打电话 $('.zoomLightbox a').lightBox(); Html 我被困在这里了,谢谢你的帮助 仅当fixedNavigation:true时才显示它的形状参见此,并阅读在结尾部分添加的注释 ::更新:: Dude,我已经根据您给定的示例代码实现了这个示例,在我这一步中效果很好 Html代码: <%@page contentType="text/html" pageEncoding="UTF-8"%>
$('.zoomLightbox a').lightBox();
Html
我被困在这里了,谢谢你的帮助
仅当fixedNavigation:true时才显示它的形状参见此,并阅读在结尾部分添加的注释
::更新::
Dude,我已经根据您给定的示例代码实现了这个示例,在我这一步中效果很好
Html代码:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script type="text/javascript" src="jquery-1.5.2.js"></script>
<script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$('.zoomLightbox a').lightBox();
});
</script>
</head>
<body>
<p class="zoomLightbox">
<a rel="lightbox" class="zoomPhoto" title="abc" href="img_1.png">View larger photo</a>
<a style="display: none;" rel="lightbox" class="zoomPhoto hide" title="abc" href="img_2.png">View larger photo</a>
</p>
</body>
</html>
JSP页面
$(文档).ready(函数(){
$('.zoomLightbox a').lightBox();
});
项目结构如下:
只需用上面的代码进行交叉检查,并确保包含正确的所需js和css文件…我认为您缺少
查看大图
查看大图
...
编辑:我意识到
对于插件来说不是强制性的。请稍候,我正在更新此答案。我认为您应该修改插件
转到第194行
<p class="zoomLightbox">
<a rel="lightbox" class="zoomPhoto">
<img title="abc" src="images/products/lightbox-zoom-placeholder.gif" />
View larger photo
</a>
<a style="display: none;" rel="lightbox" class="zoomPhoto hide" >
<img title="abc" src="images/products/lightbox-zoom-placeholder.gif" />
View larger photo
</a>
...
</p>
改为
objImagePreloader.src = settings.imageArray[settings.activeImage][0]
希望这有帮助 它对我不起作用…当我通过firebug检查时,我发现lightbox nav btnPrev带有显示器:没有,但在我的情况下不是。我不知道它是怎么做的
<p class="zoomLightbox">
<a rel="lightbox" class="zoomPhoto">
<img title="abc" src="images/products/lightbox-zoom-placeholder.gif" />
View larger photo
</a>
<a style="display: none;" rel="lightbox" class="zoomPhoto hide" >
<img title="abc" src="images/products/lightbox-zoom-placeholder.gif" />
View larger photo
</a>
...
</p>
objImagePreloader.src = settings.imageArray[settings.activeImage][0]
if (settings.imageArray[settings.activeImage]) {
objImagePreloader.src = settings.imageArray[settings.activeImage][0];
}
else {
_finish();
return false;
}