替换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