Question

我正在为我的ajaxed照片浏览器使用fancybox，这一切都完美按照设计。由于我需要一些用户友好的网址来显示照片，为了共享相同的我实现了画廊的自动启动。以下是我运行良好的示例网址代码：http://dev.hobbyathletes.com/tri/Ironman-703-Ballarat-2014/photos/gallery/photo/8

( function( $ ) {
    var FBox_options = {
        maxWidth    : 1220,
        fitToView   : false,
        width       : '95%',
        height      : '95%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        nextEffect  : 'none',
        prevEffect  : 'none',
        padding     : 0,
        margin      : [5, 10, 5, 10 ], // Increase left/right margin
        afterLoad : function(current, previous){
            adjustAjaxedPic();
            pushnewURL(current.index + 1);

        },
        ajax: {
            complete: function(jqXHR, textStatus) {
                pushFBpic();
            }
        },
        onUpdate : function(){
            adjustAjaxedPic();
        },
        afterClose : function(){
            pushnewURL("");
        }
    }
    $(".picviewer").fancybox(FBox_options);

    $(".picviewer").eq(7).trigger("click"); // here I auto-launch the Gallery

    pushFBpic();
})( jQuery );

其中有很多自定义函数，我不需要显示代码，但我仍然将函数保留在配置中。

我现在的问题是当我在页面加载时自动启动图库时，图片查看器背后的漂亮灰色显示不显示。但是当我通过使用非自动启动链接http://dev.hobbyathletes.com/tri/Ironman-703-Ballarat-2014/photos/

点击其中一张照片来手动启动图库时，它可以正常工作

有没有人在此之前看到此行为或知道为什么在自动启动时不会显示此叠加元素？

自动启动画廊时Fancybox叠加不起作用

0 个答案: