jquery - Fancybox 画像カウンター

Question

Fancybox バージョン 1.3.4 を使用しています。Fancybox を使用して、イメージ ギャラリーの下部にイメージ カウンター (イメージ X/Y) と "CLOSE X" ボタンを含めようとしています。これを解決しようとするいくつかの投稿を読み、提供された回答に基づいてコードを変更しましたが、まだこの問題を正しくコーディングできないようです。

修正したコードは次のとおりです。

<script type="text/javascript">
$(document).ready(function() {
$("a[rel=gallery]").fancybox({
        'transitionIn'      : 'fade',
    'transitionOut'     : 'fade',
    'titlePosition'     : 'inside',
    'titleFormat'       : function(title, currentArray, currentIndex,      currentOpts) {
return '<div id="gallery-title">Image ' + (currentIndex + 1) + ' of ' +   currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
            }
        });

と

<div id="gallery">
<a rel="gallery" href="images/MapDesignImageGallery/full/1.png" title="First Bulgarian            Tsardom (Advanced Cartography/GIS Map of the Year)***PUBLISHED***" id="image1">
<img src="images/MapDesignImageGallery/thumbnails/1.jpg" width="150" height="185" />   </a>

どんなアドバイスでも大歓迎です。ありがとう。