2012-03-13 70 views
0

我用Fancybox的自定義標題與自定義導航。 問題是當我點擊next/prev默認按鈕比加載圖標不顯示,但是當我點擊我的自定義導航/上一頁按鈕加載圖標總是顯示圖像之間。請點擊這裏看看吧 - http://livedemo07682.prestatrend.com/product.php?id_product=14 這裏是代碼:Fancybox加載行爲

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 
}); 

所以可能有人幫助如何clickin自定義下一個/上buttonы時無法顯示此加載圖標?

回答

0

嘗試添加$.fancybox.hideActivity()方法onclick爲每個自定義按鈕,以便

prev按鈕,改變該

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

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

next按鈕,改變該

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

這個

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