Fancybox custom title not working titleFormat function

[kenboy127]

I am trying to implement a custom title into my fancybox lightbox and it doesn't seem to be calling the function. I have also tried directly copying and pasting the example from the fancybox website (http://fancybox.net/blog) and that doesn't seem to work either and was wondering if anyone could help me. My code is as follows: \[code\]function formatTitle(title, currentArray, currentIndex, currentOpts) { return '<div id="tip7-title"><span><a href="javascript:;" onclick="$.fancybox.close();"><img src="http://stackoverflow.com/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 }); \[/code\]With the html:\[code\]<li> <!--Circle--> <div class="mosaic-block circle"> <a title="Custom Title 1" rel="aapGroup" href="http://stackoverflow.com/questions/13706720/<?php bloginfo('template_directory'); ?>/img/webProjects/aapBlog.jpg" class="mosaic-overlay ">&nbsp;</a> <div class="mosaic-backdrop"><img src="http://stackoverflow.com/questions/13706720/<?php bloginfo('template_directory'); ?>/img/screenshots/AAPBlog.png"/></div> </div></li>\[/code\]The page I am trying to achieve this on is www.alivedesign.co.uk , in the 'Web Projects' bit and is the first box. Thanks for your help!