Contentflow和Lightbox 2

Contentflow和Lightbox 2,lightbox,javascript,lightbox2,Lightbox,Javascript,Lightbox2,有人知道如何集成ContentFlow()和Lightbox2()吗 我需要的能力,图像不仅可以打开在一个灯箱,但当打开时,也有用户能够看到下一个和以前的图像 现在,我正在将ContentFlow与Lightbox插件一起使用(你可以在ContentFlow网站上找到),但它只使用原始的Lightbox,所以我无法创建图库(或者至少我不知道如何创建图库) ContentFlow似乎是一个非常易变的产品,它不接受很多东西 谢谢大家的帮助,请发表评论 在ContentFlow的官方网站上有AJAX部

有人知道如何集成ContentFlow()和Lightbox2()吗

我需要的能力,图像不仅可以打开在一个灯箱,但当打开时,也有用户能够看到下一个和以前的图像

现在,我正在将ContentFlow与Lightbox插件一起使用(你可以在ContentFlow网站上找到),但它只使用原始的Lightbox,所以我无法创建图库(或者至少我不知道如何创建图库)

ContentFlow似乎是一个非常易变的产品,它不接受很多东西


谢谢大家的帮助,请发表评论

在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具有以下特点:

  • 清理和重新填充流量

  • 仅显示两幅图像

  • 圆形视图

  • 一次推送10多个图像

  • 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();
    });