Contentflow和Lightbox 2
有人知道如何集成ContentFlow()和Lightbox2()吗 我需要的能力,图像不仅可以打开在一个灯箱,但当打开时,也有用户能够看到下一个和以前的图像 现在,我正在将ContentFlow与Lightbox插件一起使用(你可以在ContentFlow网站上找到),但它只使用原始的Lightbox,所以我无法创建图库(或者至少我不知道如何创建图库) ContentFlow似乎是一个非常易变的产品,它不接受很多东西Contentflow和Lightbox 2,lightbox,javascript,lightbox2,Lightbox,Javascript,Lightbox2,有人知道如何集成ContentFlow()和Lightbox2()吗 我需要的能力,图像不仅可以打开在一个灯箱,但当打开时,也有用户能够看到下一个和以前的图像 现在,我正在将ContentFlow与Lightbox插件一起使用(你可以在ContentFlow网站上找到),但它只使用原始的Lightbox,所以我无法创建图库(或者至少我不知道如何创建图库) ContentFlow似乎是一个非常易变的产品,它不接受很多东西 谢谢大家的帮助,请发表评论 在ContentFlow的官方网站上有AJAX部
谢谢大家的帮助,请发表评论 在ContentFlow的官方网站上有AJAX部分, 以及如何使用它的示例: 主要思想是所有这些图像都在一个地方处理
var ajax_cf = new ContentFlow('ajax_cf',
...
function addPictures(t){
var ic = document.getElementById('itemcontainer');
var is = ic.getElementsByTagName('img');
for (var i=0; i< is.length; i++) {
ajax_cf.addItem(is[i], 'last');
}
}
在我的例子中,imagesArray是相对路径的数组
请注意,ContentFlow具有以下特点:
jQuery.preloadImages = function () {
if (typeof arguments[arguments.length - 1] == 'function') {
var callback = arguments[arguments.length - 1];
} else {
var callback = false;
}
if (typeof arguments[0] == 'object') {
var images = arguments[0];
var n = images.length;
} else {
var images = arguments;
var n = images.length - 1;
}
var not_loaded = n;
for (var i = 0; i < n; i++) {
jQuery(new Image()).attr('src', images[i]).load(function () {
if (--not_loaded < 1 && typeof callback == 'function') {
callback();
}
});
}
}
$.preloadImages(imagesArray, function () {
addPictures();
});