Question

我对彩盒有疑问。

我有用于加载页面的脚本：

$(document).ready(function(){

    // ColorBox
    $("a[rel='colorbox']").colorbox({
        close: "Zavřít",
        current: "Obrázek {current} z {total}",
        next: "Další",
        previous: "Předchozí"
    });

    // ColorBox - Module
    $(".load").colorbox({
        close: "Zavřít",
        fixed: true,
        maxHeight: $(window).height() - 80,
        opacity: 0.75,
        top: 30,
        width: $(window).width() - 100
    });

});

它在彩盒中加载很好，但我在加载的页面中有图像，我也希望它们在彩盒中加载。

请帮忙吗？

非常感谢。

更新

我试过了：

$(".load").colorbox({
    close: "Zavřít",
    fixed: true,
    maxHeight: $(window).height() - 80,
    opacity: 0.75,
    top: 30,
    width: $(window).width() - 100,
    onComplete: function(){
        $("a[rel='colorbox']").colorbox({
            close: "Zavřít",
            current: "Obrázek {current} z {total}",
            next: "Další",
            previous: "Předchozí"
        });
    }
});

这样更好。图像尝试加载但有一些错误。当我点击图像将其加载到彩色框中时，它开始加载但图像未加载（不显示，仍然加载图像）。如果我点击下一个或上一个，它工作（图像显示），但当前标题仍然相同，颜色框工作奇怪（位置，点击周围的区域关闭和关键快捷方式不起作用）。

有一个例子（AKCE - SHOW）：http://rene-pastor.vf-fans.net/jitka-valkova/

Answer 1

由于在DOM准备就绪后加载了加载页面颜色框内的图像，因此需要在使用onComplete回调加载它们之后将$ .colorbox（）附加到它们：

$(".load").colorbox({
    close: "Zavřít",
    fixed: true,
    maxHeight: $(window).height() - 80,
    opacity: 0.75,
    top: 30,
    width: $(window).width() - 100,
    onComplete : function(){
        $("a[rel='colorbox']").colorbox({
            close: "Zavřít",
            current: "Obrázek {current} z {total}",
            next: "Další",
            previous: "Předchozí"
        });
    }
});

我希望这有帮助！

colorbox - 加载页面，其中的图像不作为colorbox加载

1 个答案: