3

私は(fancybox 2.0.6で)リンクのタイトル(「次」、「前」)を別のものに変更しようとしています:

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

お願いします、何が悪いのですか?正しいコールバックを使用しようとしていますか? 他の何か?

ありがとう!

4

4 に答える 4

9

この方法でオプションを使用してとリンクのtitle属性を変更しますnextprevtpl

$("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
于 2012-07-08T02:51:14.303 に答える
2

彼らは新しいウェブサイトでより良いドキュメントを持っています: http://fancyapps.com/fancybox/#docs

可能な TPL:

{
    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>'
}
于 2013-05-08T13:14:11.260 に答える
0

これは現在 jquery.fancybox.js ファイルで行われています... Localization と表示されている場所まで下にスクロールし、次と前の単語を好きなように変更します。

于 2013-09-22T04:33:59.463 に答える
0

これは、jquery プラグインを使用する場合によくある問題です。一般的な解決策は、プラグインのデフォルト オプションをカスタム オプションに置き換えることです。fancybox の場合、「next」と「prev」に関連するデフォルトのオプションは次のとおりです。

  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>'
    },

ファンシーボックスを使用するときは、カスタムに置き換えるだけです。

于 2013-05-02T04:43:48.950 に答える