1

fancyboxライトボックスにカスタムタイトルを実装しようとしていますが、関数を呼び出していないようです。また、fancyboxのWebサイト（http://fancybox.net/blog）から例を直接コピーして貼り付けてみましたが、それもうまくいかないようで、誰かが私を助けてくれるかどうか疑問に思っていました。

私のコードは次のとおりです。

function formatTitle(title, currentArray, currentIndex, currentOpts) {
        return '<div id="tip7-title"><span><a href="javascript:;" onclick="$.fancybox.close();"><img src="/data/closelabel.gif" /></a></span>' + (title && title.length ? '<b>' + title + '</b>' : '' ) + 'Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>';
        console.log('Custom fancyTitle shown');
      }

      $('.mosaic-overlay').fancybox({             
        custom_counterText: 'Image {#index#} of {#count#}',
        'titlePosition' : 'inside',
        titleFormat: formatTitle
      });

HTMLで：

<li>  <!--Circle--> 
  <div class="mosaic-block circle">
    <a title="Custom Title 1"  rel="aapGroup" href="<?php bloginfo('template_directory'); ?>/img/webProjects/aapBlog.jpg" class="mosaic-overlay ">&nbsp;</a>       
    <div class="mosaic-backdrop"><img src="<?php bloginfo('template_directory'); ?>/img/screenshots/AAPBlog.png"/></div>
  </div>
</li>

私がこれを達成しようとしているページは、「Webプロジェクト」ビットのwww.alivedesign.co.ukで、最初のボックスです。

ご協力いただきありがとうございます！

4

1 に答える 1

1

私はFancybox2.1.3を使用していたことが判明し、そのメソッドはそのバージョンではサポートされなくなりました。ここで見ることができる/r/webdesign/を使用して解決策を解決しました...

http://www.reddit.com/r/webdesign/comments/14bl6r/fancybox_custom_title_not_working_titleformat/

JFKを通してあなたの助けをありがとう。

于 2012-12-05T16:31:03.603 に答える