Fancybox加载行为

时间:2012-03-13 23:53:42

标签: jquery fancybox

我使用Fancybox的自定义标题和自定义导航。 问题是当我单击next / prev默认按钮而不是加载图标没有显示但是当我单击我的自定义导航/上一个按钮时,加载图标始终显示在图像之间。请在这里查看 - 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
});

当有人点击自定义下一个/上一个按钮时,有人可以帮助显示这个加载图标吗?

1 个答案:

答案 0 :(得分:0)

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

对于prev按钮,请更改此

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

到这个

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

next按钮,请更改此

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

到这个

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