2012-03-13 12 views
0

カスタムナビゲーションでFancyboxのカスタムタイトルを使用しました。 問題は、次の/ prevのデフォルトのボタンをロードするアイコンが表示されないのですが、私のカスタムnav/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 
}); 

だから、誰もがカスタム次/前のbuttonыをclickinとき、このロードのアイコンが表示されない方法を助けることができますか?

答えて

0

ので

prevボタンの各カスタムボタンのonclick$.fancybox.hideActivity()メソッドを追加してみてください、この

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

nextボタンのこの

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

を変更、この

を変更 012この

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

関連する問題