爲fancybox圖片添加標題/視頻

Question

我目前有fancybox顯示所有正確的圖片/視頻，它應該。但是，我似乎無法得到它顯示每次調用fancybox相關的標題。

我使用的fancybox V2.1.5

$(document).ready(function(){ 
$(".fancyYoutube").live('click',function(){ 
$.fancybox({ 
'transitionIn' : 'elastic', 
'transitionOut' : 'elastic', 
'titleShow' : 'true', 
'speedIn' : '100', 
'width' : 680, 
'height' : 395, 
'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
'type' : 'swf', 
'swf' : { 
'wmode' : 'transparent', 
'allowfullscreen' : true, 
}, 
beforeLoad: function() { 
this.title = $(this.element).attr('caption'); 
} 
}); 
return false; 
}); 
}); 

我使用它需要的部分內caption=，但它仍然不顯示字幕文本:(

我也是採用了最新的jQuery插件吧。

任何幫助將是巨大的，謝謝！

編輯：問題就迎刃而解了：

$(document).ready(function(){ 
$(".fancyYoutube").live('click',function(){ 
$.fancybox({ 
'transitionIn' : 'elastic', 
'transitionOut' : 'elastic', 
'title' : this.title, 
'speedIn' : '100', 
'width' : 680, 
'height' : 395, 
'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
'type' : 'swf', 
'swf' : { 
'wmode' : 'transparent', 
'allowfullscreen' : true 
} 
}); 
return false; 
}); 
}); 

只需要title : this.title,

Answer 1

如果我記得很清楚（我查了這裏太：http://fancybox.net/blog），你需要這些參數

'titlePosition'   : 'inside', 
'titleFormat'  : formatTitle 

凡formatTitle是一個函數，它添加標題

function formatTitle(title, currentArray, currentIndex, currentOpts) { 
    return '<div id="tip7-title"><span><a href="javascript:;" onclick="$.fancybox.close();"><img src="/data/closelabel.gif" /></a></span>' + (title && title.length ? '<b>' + title + '</b>' : '') + 'Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>'; 
} 

I覺得有什麼錯在這裏

this.title = $(this.element).attr('caption'); 

嘗試使用IDS有這樣的事情（只要它不適合使用適當的ID）

$(this).html($(this).attr('caption'));