对于某些视口宽度,具有不同的颜色框覆盖宽度。

时间:2013-04-30 15:09:33

标签: javascript jquery responsive-design colorbox

到目前为止,我的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)这样的东西,还是有更优雅的解决方案?最好的问候拉尔夫

0 个答案:

没有答案