我使用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
});
当有人点击自定义下一个/上一个按钮时,有人可以帮助显示这个加载图标吗?
答案 0 :(得分:0)
尝试为每个自定义按钮$.fancybox.hideActivity()
添加onclick
方法
对于prev
按钮,请更改此
onclick="$.fancybox.prev();"
到这个
onclick="$.fancybox.prev(); $.fancybox.hideActivity();"
和next
按钮,请更改此
onclick="$.fancybox.next();"
到这个
onclick="$.fancybox.next(); $.fancybox.hideActivity();"