XMLテキストを置き換えます

Question

先頭にビデオファイルを表す一連の画像があり、その下にビデオとタイトルのプレースホルダがあります。これらの画像を押すと、ビデオファイルを変更してタイトルを置き換える必要があります。 50以上の動画があるので、XMLファイルにタイトルをリストし、そこからタイトルを読み込むのが最善の方法でしょうか？ もしそうなら、これを行う最善の方法は何ですか？

乾杯

Answer 1

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); 
});