2012-07-05 77 views
3

我想(用的fancybox 2.0.6)更改鏈接標題(「下一步」,「上一頁」),以不同的東西:更改「下​​一步」 /「上一頁」鏈接標題中的fancybox

beforeLoad: function() { 
     jQuery('.fancybox-next').each(function() { 
     var $this = jQuery(this); 
     $this.attr('title', 'Далі'); 
     }); 
    } 

請, 哪裏不對?我是否試圖使用正確的回調?還有別的嗎?

謝謝!

回答

9

變化的使用jQuery插件時,使用tpl選擇這種方式

$("a.fancybox").fancybox({ 
tpl: { 
    next: '<a title="Siguiente" class="fancybox-nav fancybox-next"><span></span></a>', 
    prev: '<a title="Anterior" class="fancybox-nav fancybox-prev"><span></span></a>' 
} 
}); // fancybox 
+0

太棒了!誰能想象,)「tpl:包含各種模板的對象」。謝謝!我在哪裏可以閱讀更多關於「variuos模板」? – brownian 2012-07-08 15:28:12

+0

謝謝,我已經找到closeBtn的來源。) – brownian 2012-07-08 15:32:53

0

這是一個常見的問題nextprev鏈接title屬性。 一般的解決方案是用自定義選項替換插件的默認選項。 爲的fancybox,這與「下一個」和「上一個」默認選項如下:

tpl: { 
    next  : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>', 
    prev  : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>' 
    }, 

只是用的fancybox當您的自定義更換。

2

他們現在有一個更好的文檔在他們的新網站: http://fancyapps.com/fancybox/#docs

可能第三方物流企業:

{ 
    wrap  : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>', 
    image : '<img class="fancybox-image" src="{href}" alt="" />', 
    iframe : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0"' + ($.browser.msie ? ' allowtransparency="true"' : '') + '></iframe>', 
    error : '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>', 
    closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>', 
    next  : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>', 
    prev  : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>' 
} 
0

現在這是在jquery.fancybox.js文件中完成...只是向下滾動到在哪裏說本地化,並改變任何你想要的下一個和前一個詞。

相關問題