- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我有一个奇怪的问题,灯箱似乎可以正常工作,但没有显示更大的图像。
图片链接正确,显示的是缩略图,但没有全尺寸图片。
控制台也没有报错。
我的图库 HTML 设置如下:
<a href="images/here.jpg" rel="lightbox[gallery]"><img src="images/here.jpg" alt="FAST Festival Image Gallery"></a>
我已确保 JQuery、JQuery UI、Lightbox.css、Lighbox.js 和 jquery.smooth-scroll.min.js 都存在。
页面是:http://www.fastfestival.com.au/gallery.html
有人知道发生了什么吗?
编辑:
在控制台中检查,我发现调用 Lightbox div 时没有图像出现
<div id="lightboxOverlay" style="width: 1633px; height: 1234px; display: block;"></div>
最佳答案
与 jQuery 1.9 的冲突与 new behavior for the .after() method 有关。 .您可以重写 Lightbox 中的 Lightbox.prototype.build
方法,以避免在断开连接的节点上使用 .after() 方法,Lightbox 将再次与 jQuery 1.9 一起工作。
我的快速组合解决方案(有效)如下。它可以通过更多链接进行清理,但我决定将其留到以后或者可能只是等待 Lightbox v2.51 被修订以包含标准化修复。
Lightbox.prototype.build = function() {
var $lightbox,
_this = this;
// Editing here for jQuery 1.9 conflict
$("<div>", { "id": "lightboxOverlay" }).appendTo("body");
lightbox = $("<div>", { "id": "lightbox" });
outerContainer = $("<div>", { "class": "lb-outerContainer" });
container = $("<div>", { "class": "lb-container" });
$(container).append($("<img>", { "class": "lb-image" }));
nav = $("<div>", { "class": "lb-nav" });
$(nav).append($("<a>", { "class": "lb-prev" }));
$(nav).append($("<a>", { "class": "lb-next" }));
loader = $("<div>", { "class": "lb-loader" });
$(loader).append($("<a>", { "class": "lb-cancel" }).append($("<img>", { "src": this.options.fileLoadingImage })));
$(container).append(nav);
$(container).append(loader);
$(outerContainer).append(container);
dataContainer = $("<div>", { "class": "lb-dataContainer" });
data = $("<div>", { "class": "lb-data" });
details = $("<div>", { "class": "lb-details" });
$(details).append($("<span>", { "class": "lb-caption" }));
$(details).append($("<span>", { "class": "lb-number" }));
closeContainer = $("<div>", { "class": "lb-closeContainer" });
$(closeContainer).append($("<a>", { "class": "lb-close" }).append($("<img>", { "src": this.options.fileCloseImage })));
$(data).append(details);
$(data).append(closeContainer);
$(dataContainer).append(data);
$(lightbox).append(outerContainer);
$(lightbox).append(dataContainer);
$(lightbox).appendTo("body");
// End custom changes
$('#lightboxOverlay').hide().on('click', function(e) {
_this.end();
return false;
});
$lightbox = $('#lightbox');
$lightbox.hide().on('click', function(e) {
if ($(e.target).attr('id') === 'lightbox') _this.end();
return false;
});
$lightbox.find('.lb-outerContainer').on('click', function(e) {
if ($(e.target).attr('id') === 'lightbox') _this.end();
return false;
});
$lightbox.find('.lb-prev').on('click', function(e) {
_this.changeImage(_this.currentImageIndex - 1);
return false;
});
$lightbox.find('.lb-next').on('click', function(e) {
_this.changeImage(_this.currentImageIndex + 1);
return false;
});
$lightbox.find('.lb-loader, .lb-close').on('click', function(e) {
_this.end();
return false;
});
};
关于javascript - JQuery Lightbox : thumbnails OK, 背景变暗,但不显示大图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14681520/
我正在使用以下代码读取我在文本编辑器 (Notepad++) 中创建的文本 (.xml) 文件,将我从中读取的 UTF-8 文本转换为 UTF-16,以便 Windows API 函数可以使用它,然后
关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题?更新问题,以便 editing this post 可以用事实和引用来回答它. 1年前关闭。 Improve this
我知道所有的论坛都充满了这样的问题,但我尝试了几个钩子(Hook),但它们不起作用(或者我做的不好)。 所以,我有: main.cpp <- fawn.h <- connector.cpp (defe
这是我正在使用的一段代码。 当 items 为 null 时,ok(Object items) 方法在内部调用 Jersey 的 Response.ok() 方法。 MembershipReq
我在 Tcl/Tk 中有一个简单的窗口,点击确定按钮运行模拟。我正在使用 Linux。模拟完成后,窗口将被销毁。问题是在模拟运行时窗口仍然存在。我希望窗口在我点击确定按钮后消失。 我尝试使用 wm w
在我们的网络应用程序中,我将 Angular-Materials $mdDialog 与确认对象一起使用。是否可以将按钮的顺序从取消-确定更改为确定-取消?并将初始焦点设置为取消按钮?也许通过 CSS
这个问题在这里已经有了答案: 关闭10年前。 Possible Duplicate: Ternary conditional operator in Python 我有这个问题,不知道要问谷歌: (v
我尝试使用 R 进行回归。我有以下代码,导入 CSV 文件没有问题 dat <- read.csv('http://pastebin.com/raw.php?i=EWsLjKNN',sep="
在 QInputDialog 中,如何去掉 OK 和 Cancel 按钮中的图标? 注意取消和确定的图标。我查看了属性按钮,不知道如何删除它们。 最佳答案 解决方案的策略是先获取按钮,但是这些属于QD
当使用Postman测试项目时,任何POST方法,我收到的是200 OK而不是201 Created,并且subreddit不是在数据库中创建的,并且在控制台休眠中接收到以下内容:SELECT T1_
当使用Postman测试项目时,任何POST方法,我收到的是200 OK而不是201 Created,并且subreddit不是在数据库中创建的,并且在控制台休眠中接收到以下内容:SELECT T1_
我制作了一个安卓应用程序,可以从本地 wifi 网络传输语音。为了收听和流式传输,我使用 JNI 中的 Opus C API 进行解码,并使用 OpenSL Audio 进行读取。 我从 Servic
我有一个定义如下的 map : mapMeasures := make(map[time.Time]models.Measure, 0) 与 type Measure struct { Del
这里我的数据集是 pd我已将其拆分为训练和测试数据 pd_train1和 pd_train2 sku national_inv lead_time in_transit_qty forecas
我已经检查过有关此问题的其他问题,但由于问题似乎非常具体,因此它们没有帮助。 我有一个像这样的数据框(这只是一个简单的示例,下面提供了来自 dput() 的示例数据): year species ab
当我使用 anova_test() 函数(来自 rstatix 包)做双向重复测量方差分析时,出现错误: lm.fit(x, y, offset = offset, singular.ok = sin
我一直在尝试对数据集进行 2-Way 重复测量测试,年份和疫苗类型是自变量,覆盖率是因变量。我用代码运行它: sat = anova_test( data=SA, dv = coverage, w
奇遇 我是一个普通的大学生,尹成是我的名字。顾名思义,我和其他人一样,没有什么特别之处。然而,在某个偶然的机会下,我发现了一个全新的领域——编程。 初印象 说实话,我对编程并不了解,甚至可以说是一窍不
我使用这些代码创建了一个卡拉 OK 并将其刻录到 VCD。 xxxxxx_1.m4a 文件是左声道(乐器),xxxxxx_0.m4a 文件是右声道(带人声的歌曲)。 将它们组合到 become xxx
我不确定为什么会发生这种情况,但我有一个简单的 Ajax 代码: $.ajax({ url: "/javascript/testing.js"}) .done(function(data){
我是一名优秀的程序员,十分优秀!