更改fancybox关闭按钮标题/工具提示

时间:2012-09-24 09:01:25

标签: jquery fancybox

有没有办法翻译fancybox中的工具提示,例如关闭按钮上的工具提示?

我在afterShow回调中已将此值更改为丹麦语并且似乎有效..或者有更好的方法可以更改它吗?

<script type="text/javascript">
      $(document).ready(function() {
        $("a.mapoverlay").fancybox({
          width : '90%',
          height : '90%',
          fixed: false,
          autoSize : false,
          autoCenter : true,
          afterLoad  :  function() {
        loadMap();
          },
          afterShow  :  function() {
        $("a.fancybox-close").attr("title", "Luk");
          }
        });
      });
</script>

修改 这段代码似乎工作正常。

写这篇文章时出现语法错误..我觉得你错过了什么? SyntaxError:意外的标记}

我在这里看到了这篇文章:https://github.com/fancyapps/fancyBox/issues/7

<script type="text/javascript">
      $(document).ready(function() {
        $("a.mapoverlay").fancybox({
          width : '90%',
          height : '90%',
          fixed: false,
          autoSize : false,
          autoCenter : true,
          afterLoad  :  function() {
        loadMap();
          },
          tpl: { 
        closeBtn: '<div title="Test" class="fancybox-item fancybox-close"></div>' 
          }
        });
      });
</script>

3 个答案:

答案 0 :(得分:7)

您可以使用.tpl选项:

$(document).ready(function() {
  $("a.mapoverlay").fancybox({
    width : '90%',
    height : '90%',
    fixed: false,
    autoSize : false,
    autoCenter : true,
    afterLoad :  function() {
      loadMap();
    },
    tpl: {
        '<a title="Your title here!" class="fancybox-item fancybox-close" href="javascript:;"></a>'
    }
  });
});

编辑tpl选项的正确格式为

tpl : {
 closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>'
}

答案 1 :(得分:3)

永久性变更:

只需在 fancybox / source / jquery.fancybox.pack.js(和/或jquery.fancybox.js)中替换“关闭”。

查找closeBtn,然后更改其a title

enter image description here


暂时更改标题:

$(document).ready(function() {
  $(".fancybox").fancybox({
     tpl : {
        closeBtn : '<a title="CUSTOM TITLE HERE" class="fancybox-item fancybox-close" href="javascript:;"></a>'
     }
  });
});

答案 2 :(得分:0)

您可以使用$.fancybox.close()选项:

例如: <a onclick="$.fancybox.close();" href="javascript:;">Your text </a>