fancybox爲youtube自定義標題不能正常合併

Question

我正在一個圖庫部分有照片&視頻部分。

我一切都好，照片庫&它工作正常。例如：照片庫網址http://tinyurl.com/bsqd5lp

在照片庫中我使用'titleFromAlt': true,通過標題使用alt標記。 alt標籤有自定義標題示例<span>2012-07-02</span><br><span>Department of Tourism</span>

我想爲視頻廚房做同樣的事情，但我無法使用'titleFromAlt': true,來實現此目的。我做這件事的方式不好，因爲它顯示標題時，將鼠標懸停在圖像上作爲HTML代碼。示例：視頻庫網址http://tinyurl.com/bsdq694

其他問題我與此有關的視頻的標題居於中心。我試圖改變CSS，使標題左對齊。

.fancybox-title-float { 
    position: absolute; 
    left: 0; 
    bottom: -20px; 
    height: 32px; 
    float:left; 
} 

由於某些原因，即使我在顯示圖像後放置此代碼，我無法在上述代碼過夜。

幫助這是在讚賞。

更新：

代碼，你管的視頻

$(document).ready(function() { 
    $(".youtube").click(function() { 
     $.fancybox({ 
      'padding': 0, 
      'autoScale': false, 
      'transitionIn': 'none', 
      'transitionOut': 'none', 
      'title': this.title, 
      'titleFromAlt': true, 
      //'titlePosition': 'over', 
      'width': 680, 
      'height': 495, 
      'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type': 'swf', 
      'swf': { 'wmode': 'transparent', 'allowfullscreen': 'true' } 
     }); 
     return false; 
    }); 
}); 

Answer 1

的一件事是，您的影片使用的是通過.click()手工的方法，而不是通過.fancybox()

綁定的fancybox的選擇。在這種情況下的常規方式 - 使用.click() - 該titleFromAlt選項將無法工作，但是您仍然可以使用常規的jQuery表達式來設置存儲在img標記中的alt屬性的fancybox標題。

所以試試這個腳本

$(document).ready(function() { 
    $(".youtube").click(function() { 
    // first, get the value from the alt attribute 
     var newTitle = $(this).find("img").attr("alt"); // NEW 
     $.fancybox({ 
      'padding': 0, 
      'autoScale': false, 
      'transitionIn': 'none', 
      'transitionOut': 'none', 
      //'title': this.title, // we will replace this line 
      'title' : newTitle, //<--- this will do the trick 
      //'titleFromAlt': true, // we don't need this anymore 
      //'titlePosition': 'over', 
      'width': 680, 
      'height': 495, 
      'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type': 'swf', 
      'swf': { 'wmode': 'transparent', 'allowfullscreen': 'true' } 
     }); 
     return false; 
    }); 
}); 

...假設你有在img標籤的alt屬性。

對不起，混亂和所有的評論來回。

Answer 2

從看你的代碼，我可以看到文本，它出現在span標籤，似乎還有title屬性中。嘗試使用文本刪除該屬性，並且不會顯示標題文本。

關於第二個問題：
從CSS類.fancybox-title-float，刪除屬性「的位置是：絕對的;」，和從ID #fancybox-title-float-left，刪除了「填充」屬性。應用這些更改後，文本將與左側對齊。我們都忽略