1

これまでのところ、私の Colorbox ajax オーバーレイ ウィンドウは適切に動作し、サイズも変更されます。ブラウザー ウィンドウのサイズを変更すると、指定されたオーバーレイ エクステンドのパーセンテージが維持されます。次のコードを使用しています。

$(document).ready(function(){
    $(".ajax").colorbox({
        opacity:"0",  
        fixed:"true", 
        width:"65%",
        height:"97%",
    });
});
var resizeTimer;
$(window).resize(function(){
    if (resizeTimer) clearTimeout(resizeTimer);
    resizeTimer = setTimeout(function() {
        if ($('#cboxOverlay').is(':visible')) {
            $.colorbox.load(true);
        }
    }, 300)
});

私が残した唯一の問題は、さまざまなビューポート サイズ (たとえば、小さなビューポートの場合は幅 95%、デスクトップ ビューポートの場合は幅 65%) に対して異なるオーバーレイを拡張することは可能ですか? すでに Colorbox 内でそのようなことを達成することは可能ですか、それとも jresond ( https://github.com/ten1seven/jRespond ) のようなものが必要ですか、それとももっとエレガントなソリューションがありますか? よろしくラルフ

4

0 に答える 0