4

閉じるボタンのツールチップなど、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>
4

3 に答える 3

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>'
    }
  });
});

EDITtpl :オプションの正しい形式は次のとおりです。

tpl : {
 closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>'
}
于 2012-09-24T09:06:13.750 に答える
3

恒久的な変更の場合:

fancybox/source/ jquery.fancybox.pack.js (および/または)の「閉じる」を置き換えるだけjquery.fancybox.jsです。

を探してcloseBtn変更するa title

ここに画像の説明を入力


一時的なタイトル変更の場合:

$(document).ready(function() {
  $(".fancybox").fancybox({
     tpl : {
        closeBtn : '<a title="CUSTOM TITLE HERE" class="fancybox-item fancybox-close" href="javascript:;"></a>'
     }
  });
});
于 2013-12-19T11:21:14.120 に答える