본문 바로가기

IT

[j-Query/Gallery] 플래시와 제이쿼리연동。

 



//================== 자바스크립트코드 ===================//
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/thickbox.js"></script>
<link rel="stylesheet" href="js/thickbox.css" type="text/css" media="screen" />

thickbox.css

thickbox.js



//================== 플래시-액션스크립트코드 ===================//

for(var i:int=1; i<7; i++){
	this["btn3_"+i].addEventListener(MouseEvent.CLICK, jqueryFn);
}
function jqueryFn(e:MouseEvent){
	var targetNum:String = e.target.name.substr(5);
	ExternalInterface.call("tb_show","","image/event"+targetNum+".jpg","");
}

※ 설명

1. 플래시에 보여주고자하는 이미지에 클릭이벤트 설정

2. 클릭이벤트에 함수를 넣는다.

3. 페이지에 자바스크립트와 CSS를 삽입.