getjson 호출 완료시 애니메이션 애니메이션 gif를 표시하지 않고 jw 플레이어를 표시하는 방법은 무엇입니까?

Question

getjson 호출이 완료되면 페이지로드시 로딩 애니메이션을 표시하고 로딩 애니메이션을 제거하고 getjson 완료가 끝나면 내 jw 플레이어 코드를 표시하려고합니다. 지금은 항상 로딩 애니메이션을 볼 수 있습니다. 여러분은 getjson 호출이 끝날 때 애니메이션로드를 보이지 않게 할 수 있고 대신 jw 플레이어를 보여줄 수있는 방법을 보여줄 수 있습니까?

내 로딩 애니메이션 이미지 :

<td rowspan="4"><img src="./loading.gif" width="304" height="287"></td> 

나의해서 getJSON 전화 :

<script type='text/javascript' src='./jwplayer.js'></script> 

<div id='mediaspace'>This text will be replaced</div> 

<script type='text/javascript'> 
    jwplayer('mediaspace').setup({ 
    'flashplayer': './player.swf', 
    'autostart': 'true', 
    'controlbar': 'bottom', 
    'width': '470', 
    'height': '320' 
    }); 
</script> 

Answer 1

이 IMG 보내기해서 getJSON 호출의 끝에서 visiable가되어야

<script> 
$.getJSON('http://www.somesite.com/getmedia.php?id=1234&callback=?', function(data){ 
var mediaUrl = data.contents; 
jwplayer().load({file: mediaUrl+".flv"}); 

}); 

</script> 

JW 플레이어 id에있는 "loadingimg"와 같은 태그 ... Ajax 이벤트 완료시 :

$('#loadingimg').hide(); 

EDIT : 또한 플레이어의 스타일은 "display : none"이어야합니다. 당신이 그것을 보여주고 싶은 경우, 전화

$('#player').show(); 

하거나 ...

편집 플레이어를 제공 어떤 ID : 이 jwplayer.load 후해서 getJSON()에 콜백 함수에서이 두 줄을 넣어 ();