为了获得Fancybox之前的展示' .fancybox-inner'尺寸?

时间:2014-11-16 01:29:56

标签: jquery fancybox fancybox-2

是否有办法以某种方式在fancybox的width获取图片heightbeforeShow,以便能够在显示相应内容之前运行 ajax 请求到图像大小?如果有人之前做了这样的事情,会有很多帮助,我想fancybox-inner 已经知道width至少会显示的图片,甚至启用autofitautosize时,因为它是根据活动的浏览器大小计算的。

有任何建议吗?

1 个答案:

答案 0 :(得分:0)

如果您尝试获取fancybox图片的尺寸,则.fancybox-image是您要查找的选择器。你可以这样做:

jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        beforeShow: function () {
            console.log($(".fancybox-image").width()); 
            console.log($(".fancybox-image").height());
            if ($(".fancybox-image").width() == 612) {
                // do something of width matches the value
                console.log("oh yeah, the width is 612");
            }
        }
    });
}); // ready

参见 JSFIDDLE