使用PHP和jQuery,目前用Colorbox显示图像幻灯片。
我想在每张图片下方添加一个DIV(当每个图像显示新内容时更新)。可用于显示相关内容,评论功能等。
研究过但尚未找到任何答案 - 之前有人这样做过或有任何线索吗?
我想我需要知道:
谢谢!
答案 0 :(得分:5)
您可以使用已完成的回调函数添加信息。我制作了一个demo,但我最终定位了标题以重叠图像...如果你在下面添加它,你需要拉伸整个框(demo)。
CSS
#cboxLoadedContent {
position: relative;
}
#extra-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #000;
color: #fff;
opacity: 0.8;
filter: alpha(opacity=80);
padding: 10px;
}
脚本
$("a[rel]").colorbox();
$(document).bind('cbox_complete', function(){
// grab the text from the link, or whatever source
var extra = $.colorbox.element().text();
$('#cboxLoadedContent').append('<div id="extra-info">' + extra + '</div>');
});