1
我正在嘗試創建一個視頻網站,該視頻網站在頂部有一排圖像,每個圖像代表一個視頻文件及其下方,佔位符爲視頻和標題。在按下這些圖像時,我需要它們更改視頻文件並替換標題。有50多個視頻,所以我最好的辦法是將標題列入XML文件並從那裏加載標題? 如果是這樣,那麼最好的方法是什麼?替換XML文本
乾杯
我正在嘗試創建一個視頻網站,該視頻網站在頂部有一排圖像,每個圖像代表一個視頻文件及其下方,佔位符爲視頻和標題。在按下這些圖像時,我需要它們更改視頻文件並替換標題。有50多個視頻,所以我最好的辦法是將標題列入XML文件並從那裏加載標題? 如果是這樣,那麼最好的方法是什麼?替換XML文本
乾杯
這將是更好的有聲視頻標題中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);
});
謝謝。關於如何在點擊「菜單」圖像時更改文本的想法? – 2012-01-17 13:20:14
它現在有效。有點。但是隻有第一個圖像有效,所有其他圖像都沒有效果。 – 2012-01-17 15:31:16
我在這裏有一個例子:http://jsfiddle.net/7dhka/ – 2012-01-17 15:36:33