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 속성

자바 스크립트 또는 서버 측 스크립트로 채울 수 있습니다. 그렇다면 jQuery에서 :

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