格式化FancyBox的標題

我根本不知道JavaScript，但我正在嘗試爲使用FancyBox顯示的圖片格式化標題/標題。在我的<a>標籤的標題屬性中，我寫下了個人名稱，專業和職業。我想讓他們的名字顯示在一行上，然後主要和職業可以在下一個。例如：格式化FancyBox的標題

喬·史密斯，BS '02
專業：企業社會責任，職業：零售經理

我知道我不能在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>'; 
      } 
     });

謝謝你的任何想法或輸入！我很感激:)

來源

2011-05-18 Amanda

您可以打破你的標題在兩行這樣的：

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

},

正如你看到的，我加入劈裂標題「|」字符，這些字符需要添加到標題文本中，但您可以採用不同的方式。此外，在這個簡單的例子中，背景等格式化會丟失，但您可以輕鬆修復它。

好運

來源

2011-05-18 16:40:24 kwicher

你是一個生命的救星！這工作完美，非常感謝你:) – Amanda 2011-05-18 17:49:31

沒問題。玩的開心。 – kwicher 2011-05-18 18:22:09

格式化FancyBox的標題

回答

相關問題