2012-01-17 145 views
1

我正在嘗試創建一個視頻網站,該視頻網站在頂部有一排圖像,每個圖像代表一個視頻文件及其下方,佔位符爲視頻和標題。在按下這些圖像時,我需要它們更改視頻文件並替換標題。有50多個視頻,所以我最好的辦法是將標題列入XML文件並從那裏加載標題? 如果是這樣,那麼最好的方法是什麼?替換XML文本

乾杯

回答

0

這將是更好的有聲視頻標題中JSON格式:

videoTitles = ['Title 1', 'Title 2', ...]; 

$.each(videoTitles, function(n, title) { 
    // Do something with the title 
}); 

您也可以輕鬆使用$.getJSON從服務中讀取的標題。

對於更改標題,您可以使用HTML這樣的:

<div class="video-thumbnail" title="Video Title 1"><img src="video thumbnail 1" ></div> 
<div class="video-thumbnail" title="Video Title 2"><img src="video thumbnail 2" ></div> 

title屬性可以用JavaScript或服務器端腳本來填充。然後在jQuery中:

$(".video-thumbnail").click(function() { 
    var titleClicked = $(this).attr("title"); 
    $("#SelectedVideoTitle").html(titleClicked); 
}); 
+0

謝謝。關於如何在點擊「菜單」圖像時更改文本的想法? – 2012-01-17 13:20:14

+0

它現在有效。有點。但是隻有第一個圖像有效,所有其他圖像都沒有效果。 – 2012-01-17 15:31:16

+0

我在這裏有一個例子:http://jsfiddle.net/7dhka/ – 2012-01-17 15:36:33