2012-06-30 2 views
0

게임 웹 사이트를 만들고 컴퓨터 언어에 대한 지식이 거의 없으며 이미지가이 상자에 링크를 클릭 할 때 표시되는 라이트 박스를 만들어야합니다. 상자가 너무 화려하거나 아무것도 필요하지 않습니다, 내가 필요한 건 그것이 스크롤없이 설정된 크기로 플래시 게임을 내장하고있다. jquery와 mootools를 살펴 봤지만 혼란스럽고 플래시 기반 게임을 내장하는 방법을 모르기 때문에 도움이 될 것입니다.플래시 게임이 내장 된 라이트 박스 제작에 도움이 필요합니다.

답변

0

PrettyPhoto jQuery를 사용하면 Flash와 같은 라이트 박스 미디어를 쉽게 만들 수 있습니다. their example에서

:

<a title="Flash 10 demo" href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&amp;height=294" rel="prettyPhoto[mixed]"> 
    <img src="/wp-content/themes/NMFE/images/thumbnails/flash-logo.jpg" alt="Flash 10 demo" width="50"/> 
</a> 

이 앵커에 rel=prettyPhoto[groupName]와 SWF에 대한 링크를 넣습니다.

앵커 내에 이미지 미리보기 이미지를 배치 할 수 있습니다.

<a href="flash.swf" rel="prettyPhoto[group]"> 
    <img src="thumbnail.png" /> 
</a> 

Download source.

0

내가보기에 좋다고 생각하는 간단한 해결책은 처음부터 숨겨진 컨테이너를 사용하는 것입니다. 이미지를 클릭하면이 컨테이너가 표시됩니다. 이렇게하면 jquery/javascript가 아니라 html에 플래시를 삽입 할 필요가 없습니다.

jquery와 같이 보일 것입니다.

$(document).ready(function(){ 

    $('#yourimage').click(function(){ 
     $('#containerwithgame').show(); 
    }); 

}); 

이렇게하면 귀찮은 팝업 라이트 박스를 사용하지 않지만 개인적인 견해입니다.