Попытка повторить пользовательские заголовки в новой версии Fancybox

Question

В старой версии Fancybox я смог найти код, который позволял бы мне настраивать названия для отдельных изображений.Но, переходя на Fancybox v.2, я не могу понять, как обновить функцию, чтобы она все еще работала.Да, я новичокПомощь или ссылка, с благодарностью.

Старый код ...

<script type="text/javascript">
    $(document).ready(function() {

        $("a[rel=blanchard_group]").fancybox({
            'transitionIn'      : 'fade',
            'transitionOut'     : 'fade',
            'titlePosition'     : 'over',
            'titleShow'     : 'true',
            'overlayShow'       : 'true',
            'overlayColor'      : '#fff',
            'overlayOpacity'    : '0.9',
            'showNavArrows'     : 'true',
            'enableEscapeButton'    : 'true',
            'scrolling'     : 'no',
            'onStart':function(currentArray,currentIndex,currentOpts){
                var obj = currentArray[ currentIndex ];
                if ($(obj).next().length)
                this.title = $(obj).next().html();},
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">' + title + '</span>';
            }
        });
    });
</script>

Новый код ...

    <script type="text/javascript">
$(document).ready(function() {
    $(".fancyproject").fancybox({
        prevEffect  : 'fade',
        nextEffect  : 'fade',
        nextClick   :  true,
        helpers : {
            title   : {
                type    : 'inside'
            },
            overlay : {
                opacity : 0.9,
                css : {
                    'background-color' : '#fff'
                }
            },
            thumbs  : {
                width   : 50,
                height  : 50
            }
        }
    });

});
</script>

Answer 1

Спасибо, JFK, за ответ в другом посте. Это было то, что я искал. Очень ценится ...

https://stackoverflow.com/a/8425900/1084188

Что бы я сделал, это чтобы заголовки отображались в Fancybox в DIV, так что моя подсказка будет отображать содержимое, отличное от заголовка в FancyBox:

<a rel="group" class="fancylink" href="images/01.jpg" title="default title 1">image 1</a>
<a rel="group" class="fancylink" href="images/02.jpg" title="default title 2">image 2</a>
<a rel="group" class="fancylink" href="images/03.jpg" title="default title 3">image 3</a>

и названия Fancybox:

<div id="fancyboxTitles" style="display: none;">
<div>fancybox title one</div>
<div>fancybox title two</div>
<div>fancybox title three</div>

используя этот скрипт:

$(document).ready(function() {
$(".fancylink").fancybox({ afterLoad : function() {this.title = $("#fancyboxTitles div").eq(this.index).html();}}); //fancybox}); // ready