Question

我正在尝试（使用fancybox 2.0.6）将链接标题（“下一个”，“上一个”）更改为不同的内容：

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

拜托，出了什么问题？我试图使用正确的回调吗？还有别的吗？

谢谢！

Answer 1

以这种方式使用title选项更改next和prev个链接的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

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

Answer 3

这是使用jquery插件时的常见问题。一般的解决方案是使用自定义选项替换插件的默认选项。对于fancybox，与＆＃34; next＆＃34;相关的默认选项和＆＃34; prev＆＃34;如下：

  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时，只需将其替换为自定义。

Answer 4

这现在在jquery.fancybox.js文件中完成...只需向下滚动到它所说的Localization，然后将下一个和之前的单词更改为你想要的任何内容。

在fancybox中更改“下一个”/“上一个”链接标题

4 个答案: