2012-01-17 85 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