Форматирование заголовка для FancyBox

Question

Я вообще не знаю javascript, но я пытаюсь отформатировать заголовки / подписи для своих изображений, которые отображаются с помощью FancyBox.В моем атрибуте title в моем теге <a> написано имя, фамилия и карьера человека.Я хотел бы, чтобы их Имя отображалось в одной строке, а затем майор и карьера могут быть в следующей.Например:

Джо Смит, BS '02 Специальность: CSR, карьера: менеджер по розничной торговле

Я знаю, что не могу войти в перерыв в title="", так есть ли простой способ сделать это в моей функции JavaScript?Я надеялся, что смогу просто установить в своем атрибуте id имя человека и вызвать его в своей функции, а затем присвоить заголовку остальное, но, похоже, это не сработает.

Вот текущийФункция, которая работает отлично, просто нужно разделить мой заголовок как-то:

("a[rel=cdfs]").fancybox({

            'transitionIn'      : 'elastic',
            'transitionOut'     : 'elastic',
            'titlePosition'     : 'over',
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">' + (title.length ? ' &nbsp; ' + title : '') + '<br/><p align="right" >Image ' + (currentIndex + 1) + ' / ' + currentArray.length + '</p></span>';
            }
        });

Спасибо за любые идеи или вклад!Я ценю это:)

Answer 1

Вы можете разбить свой заголовок на две строки следующим образом:

'titleFormat': function(title, currentArray, currentIndex, currentOpts){
temp=title.split('|');
if(!temp[1]){temp[1]=""};
return '<div>'+temp[0]+'</div><div>'+temp[1]+'</div>'

},

Как видите, я разделяю заголовок, добавляя '|' персонаж, который необходимо добавить к вашему тексту заголовка, но вы можете сделать это по-другому. Кроме того, в этом простом примере форматирование, такое как фон и т. Д., Потеряно, но вы можете легко это исправить.

удачи

K