Fancybox 加载行为答案

【问题标题】：Fancybox loading behaviourFancybox 加载行为
【发布时间】：2012-03-15 01:10:05
【问题描述】：

我为 Fancybox 使用自定义标题和自定义导航。问题是当我单击下一个/上一个默认按钮时，加载图标不会显示，但是当我单击我的自定义导航/上一个按钮时，加载图标总是在图像之间显示。请看这里 - http://livedemo07682.prestatrend.com/product.php?id_product=14 这是代码：

function formatTitle(title, currentArray, currentIndex, currentOpts) {
    if(currentArray.length==1) {
        return '<div id="custom-title"><span><a href="javascript:;" onclick="$.fancybox.close();" id="fancybox_close"></a></span>' + (title && title.length ? '<b>' + title + '</b>' : '' ) + '</div>';
    } else {
        return '<div id="custom-title"><span><a href="javascript:;" onclick="$.fancybox.close();" id="fancybox_close"></a></span>' + (title && title.length ? '<b>' + title + '</b>' : '' ) + '<p><a href="javascript:;" onclick="$.fancybox.prev();" id="fancybox_prev"></a> <a href="javascript:;" onclick="$.fancybox.next();" id="fancybox_next"></a><span id="fancybox_indexes">Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</span></p>' + '</div>';
    }
}

$('.thickbox').fancybox({
    'titlePosition' : 'inside',
    'titleFormat' : formatTitle,
    'hideOnContentClick': false,
    'transitionIn'  : 'fade',
    'transitionOut' : 'fade',
    'overlayColor' : 'white',
    'overlayOpacity' : 0.5,
    'padding' : 0,
    'speedIn' : 350,
    'speedOut' : 100
});

那么任何人都可以帮助在单击自定义下一个/上一个按钮时如何不显示此加载图标吗？

【问题讨论】：

标签： jquery fancybox

【解决方案1】：

尝试为每个自定义按钮将$.fancybox.hideActivity() 方法添加到onclick，这样

对于prev 按钮，更改此项

onclick="$.fancybox.prev();"

到这里

onclick="$.fancybox.prev(); $.fancybox.hideActivity();"

对于next 按钮，更改此项

onclick="$.fancybox.next();"

到这里

onclick="$.fancybox.next(); $.fancybox.hideActivity();"

【讨论】：