我需要构建一个代码,就像 Facebook 为图片所做的那样。我在谈论他们使用的“流行音乐”或灯箱,所以在右侧你可以发表评论,在这种情况下,我会发送一封电子邮件,并在底部插入一个随机图像。
我也在考虑colorbox,但我使用内联html,如果用户想从上一张图片转到下一张图片,我会非常迷茫,因为我不知道如何在Colorbox中执行此操作(包括表单而不仅仅是图像),
无论如何,所有图片的联系表格都是相同的。每个用户将有 8 张图片和 1 个联系表,这已经完成了。我需要制作或构建一个像 Facebook 使用的 Lightbox。
这就是为什么我在 lightbox.js(我的另一个选项)中找到了 HTML 在这里形成的部分:
Lightbox.prototype.build = function() {
var $lightbox,
_this = this;
$("<div>", {
id: 'lightboxOverlay'
}).after($('<div/>', {
id: 'lightbox'
}).append($('<div/>', {
"class": 'lb-outerContainer'
}).append($('<div/>', {
"class": 'lb-container'
}).append($('<img/>', {
"class": 'lb-image'
}), $('<div/>', {
"class": 'lb-nav'
}).append($('<a/>', {
"class": 'lb-prev'
}), $('<a/>', {
"class": 'lb-next'
})), $('<div/>', {
"class": 'lb-loader'
}).append($('<a/>', {
"class": 'lb-cancel'
}).append($('<img/>', {
src: this.options.fileLoadingImage
}))))), $('<div/>', {
"class": 'lb-dataContainer'
}).append($('<div/>', {
"class": 'lb-data'
}).append($('<div/>', {
"class": 'lb-details'
}).append($('<span/>', {
"class": 'lb-caption'
}), $('<span/>', {
"class": 'lb-number'
})), $('<div/>', {
"class": 'lb-closeContainer'
}).append($('<a/>', {
"class": 'lb-close'
}).append($('<img/>', {
src: this.options.fileCloseImage
}))))))).appendTo($('body'));
$('#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;
});
};
我的问题是,我可以在 HTML 中插入表单吗?我想我可以。
但是我可以使用 PHP include 来插入随机图像等的函数吗?
你会用什么来实现这样的目标?你知道我可以用作参考的例子吗?我真的阅读了文档和很多关于 Colorbox 和 Lightbox 等主要内容的内容,它还必须与 Jquery 兼容。
编辑:哇!: 看看我在 jquerytools 下找到了什么。http://jquerytools.org/demos/combine/html5-form/index.html
如果这在 Internet Explorer 6 及更高版本上兼容,我就有了赢家。