플래시 임베드 오브젝트를 페이드 아웃하고 일반 HTML로 페이드 인하려고합니다.JQuery가 플래시 객체를 제대로 사라지지 않는 이유는 무엇입니까?
fadeout 메서드의 콜백이 여러 번 발생하여 페이드 아웃이 완료됩니다. 그 결과, Html은 콜백 함수에서 여러 번 추가되고 여분의 시간이 깜박입니다.
일반 HTML을 퇴색 시키려고하면 이런 일이 발생하지 않습니다.
fadeout 기능은 플래시에서 작동하지 않습니까?
HTML :
<a id="HideFlash" href="#">Hide Flash</a>
<div id="FlashContainer" >
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
width="100" height="50" id="TEST" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="demo_banner.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent">
<embed src="demo_banner.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="100" height="50" name="TEST"
align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div id="RegularContent" >
<h1>Before Fade</h1>
</div>
JQuery와 :
$('#HideFlash').click(function() {
$('#FlashContainer *').fadeOut('slow', function() {
$('#FlashContainer').append("<p style='display: none;'>This is in the flash container</p>");
$('#FlashContainer p').fadeIn('slow');
});
$('#RegularContent *').fadeOut('slow', function() {
$('#RegularContent').append("<p style='display: none;'>This is in the regular content after fade</p>");
$('#RegularContent p').fadeIn('slow');
});
});
플래시 객체 자체에 페이드를 적용하려고했습니다. 그래서 내가 별을 사용했다. FlashContainer에 페이드를 적용해야한다는 것이 맞습니다. 감사 – orandov