更改fancybox中的“下一个”/“上一个”链接标题答案

【问题标题】：Change "Next"/"Previous" link titles in fancybox更改fancybox中的“下一个”/“上一个”链接标题
【发布时间】：2012-07-05 14:40:06
【问题描述】：

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

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

请问，怎么了？我是否尝试使用正确的回调？还有什么？

谢谢！

【问题讨论】：

标签： jquery fancybox fancybox-2

【解决方案1】：

以这种方式使用tpl 选项更改next 和prev 链接的title 属性

$("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

【讨论】：

太棒了！谁能想象，）“tpl：包含各种模板的对象”。谢谢！我在哪里可以阅读有关“variuos 模板”的更多信息？

【解决方案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>'
}

【讨论】：

【解决方案3】：

这是使用 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>'
    },

使用fancybox时只需将其替换为您的自定义即可。

【讨论】：

【解决方案4】：

这现在在 jquery.fancybox.js 文件中完成......只需向下滚动到显示本地化的位置并将下一个和上一个单词更改为您想要的任何内容。

【讨论】：