쇼핑몰 같은데서 많이 볼 수 있는 슬라이드
Tween클래스가 있으니...enterFrame을 쓸 필요가 없어지네요.
import mx.transitions.Tween;
import mx.transitions.easing.*;
import mx.transitions.easing.*;
Stage.scaleMode = "noScale";
var container_mc:MovieClip = this.createEmptyMovieClip("container_mc", 0);
var image_mc:MovieClip = container_mc.createEmptyMovieClip("image_mc", 0);
var photo0:MovieClip = image_mc.createEmptyMovieClip("photo0", 4);
var photo1:MovieClip = image_mc.createEmptyMovieClip("photo1", 3);
var photo2:MovieClip = image_mc.createEmptyMovieClip("photo2", 2);
var photo3:MovieClip = image_mc.createEmptyMovieClip("photo3", 1);
var photo4:MovieClip = image_mc.createEmptyMovieClip("photo4", 0);
photo0.loadMovie("./photo/1.jpg");
photo1.loadMovie("./photo/2.jpg");
photo2.loadMovie("./photo/3.jpg");
photo3.loadMovie("./photo/4.jpg");
photo4.loadMovie("./photo/5.jpg");
var photo0:MovieClip = image_mc.createEmptyMovieClip("photo0", 4);
var photo1:MovieClip = image_mc.createEmptyMovieClip("photo1", 3);
var photo2:MovieClip = image_mc.createEmptyMovieClip("photo2", 2);
var photo3:MovieClip = image_mc.createEmptyMovieClip("photo3", 1);
var photo4:MovieClip = image_mc.createEmptyMovieClip("photo4", 0);
photo0.loadMovie("./photo/1.jpg");
photo1.loadMovie("./photo/2.jpg");
photo2.loadMovie("./photo/3.jpg");
photo3.loadMovie("./photo/4.jpg");
photo4.loadMovie("./photo/5.jpg");
var url_0:String = "http://www.naver.com";
var url_1:String = "http://www.daum.net";
var url_2:String = "http://www.empas.com";
var url_3:String = "http://www.yahoo.co.kr";
var url_4:String = "http://www.msn.co.kr";
var url_1:String = "http://www.daum.net";
var url_2:String = "http://www.empas.com";
var url_3:String = "http://www.yahoo.co.kr";
var url_4:String = "http://www.msn.co.kr";
var button_mc:MovieClip = container_mc.createEmptyMovieClip("button_mc", 1);
var bt0:MovieClip = button_mc.attachMovie("bt1", "bt0", 0, {_x:0, _y:0});
var bt1:MovieClip = button_mc.attachMovie("bt2", "bt1", 1, {_x:0, _y:27});
var bt2:MovieClip = button_mc.attachMovie("bt3", "bt2", 2, {_x:0, _y:54});
var bt3:MovieClip = button_mc.attachMovie("bt4", "bt3", 3, {_x:0, _y:81});
var bt4:MovieClip = button_mc.attachMovie("bt5", "bt4", 4, {_x:0, _y:108});
button_mc._x = 382;
button_mc._y = 22;
var photo_num:Number = 5; // 사진갯수
var WhoIsOn:Number = 0; // 현재의 위치를 나타내는 값
var slideTimer:Number; // 자동슬라이드를 위한 interval값
var interval_time:Number = 3000; // 슬라이드 지연 시간, 기본 3초설정
/* 자동 슬라이드 -------------------------------------------------*/
function makeSlide(){
WhoIsOn = (WhoIsOn+1)%photo_num;
var depth_num:Number = photo_num - 1;
var target_mc:MovieClip = image_mc.getInstanceAtDepth(depth_num);
image_mc["photo" + WhoIsOn].swapDepths(target_mc);
var tw1:Tween = new Tween(image_mc["photo" + WhoIsOn], "_alpha", Strong.easeOut, 0, 100, 1, true);
var tw2:Tween = new Tween(target_mc, "_alpha", Strong.easeOut, 100, 0, 1, true);
for(var i:Number = 0; i < photo_num; i++){
button_mc["bt"+i%photo_num].gotoAndStop(1);
}
button_mc["bt"+WhoIsOn%photo_num].gotoAndStop(2);
}
/* 버튼에 마우스 오버 시-------------------------------------------*/
function showPhoto(){
clearInterval(slideTimer);
var depth_num:Number = photo_num - 1;
var target_mc:MovieClip = image_mc.getInstanceAtDepth(depth_num);
/*depth 테스트
trace("depth 0 =>" + image_mc.getInstanceAtDepth(0));
trace("depth 1 =>" + image_mc.getInstanceAtDepth(1));
trace("depth 2 =>" + image_mc.getInstanceAtDepth(2));
trace("depth 3 =>" + image_mc.getInstanceAtDepth(3));
trace("depth 4 =>" + image_mc.getInstanceAtDepth(4));
trace("-------------------------------------------");
*/
image_mc["photo" + WhoIsOn].swapDepths(target_mc);
var tw1:Tween = new Tween(image_mc["photo" + WhoIsOn], "_alpha", Strong.easeOut, 0, 100, 1, true);
var tw2:Tween = new Tween(target_mc, "_alpha", Strong.easeOut, 100, 0, 1, true);
}
/* 버튼에 마우스 오버 시 showPhoto 함수를 실행-------------*/
function buttonAction(){
for(var i:Number = 0; i < photo_num; i++){
button_mc["bt"+i].onRollOver = function(){
var my_num:Number = Number(this._name.substring(2));
for(var j:Number = 0; j < photo_num; j++){
this._parent["bt"+j].gotoAndStop(1);
}
this.gotoAndStop(2);
if(_root.WhoIsOn != my_num){
_root.WhoIsOn = Number(this._name.substring(2));
_root.showPhoto();
}
}
button_mc["bt"+i].onRelease = function(){
var num:Number = this._name.substring(2);
getURL(_root["url_" + num], "_parent");
}
}
function buttonAction(){
for(var i:Number = 0; i < photo_num; i++){
button_mc["bt"+i].onRollOver = function(){
var my_num:Number = Number(this._name.substring(2));
for(var j:Number = 0; j < photo_num; j++){
this._parent["bt"+j].gotoAndStop(1);
}
this.gotoAndStop(2);
if(_root.WhoIsOn != my_num){
_root.WhoIsOn = Number(this._name.substring(2));
_root.showPhoto();
}
}
button_mc["bt"+i].onRelease = function(){
var num:Number = this._name.substring(2);
getURL(_root["url_" + num], "_parent");
}
}
image_mc.onRollOver = function(){
clearInterval(_root.slideTimer);
}
image_mc.onRollOut = function(){
_root.slideTimer = setInterval(_root, "makeSlide", _root.interval_time);
}
image_mc.onRelease = function(){
getURL(_root["url_" + WhoIsOn], "_parent");
}
}
clearInterval(_root.slideTimer);
}
image_mc.onRollOut = function(){
_root.slideTimer = setInterval(_root, "makeSlide", _root.interval_time);
}
image_mc.onRelease = function(){
getURL(_root["url_" + WhoIsOn], "_parent");
}
}
/* 처음 시작할 때의 설정----------------------------*/
function initSlide(){
for(var i:Number = 0; i < photo_num; i++){
image_mc["photo" + i]._alpha = 0;
}
image_mc.photo0._alpha = 100;
button_mc.bt0.gotoAndStop(2);
var tw1:Tween = new Tween(image_mc, "_alpha", Strong.easeOut, 0, 100, 2, true);
tw1.onMotionFinished = function(){
_root.slideTimer = setInterval(_root, "makeSlide", _root.interval_time);
}
buttonAction();
}
initSlide();
function initSlide(){
for(var i:Number = 0; i < photo_num; i++){
image_mc["photo" + i]._alpha = 0;
}
image_mc.photo0._alpha = 100;
button_mc.bt0.gotoAndStop(2);
var tw1:Tween = new Tween(image_mc, "_alpha", Strong.easeOut, 0, 100, 2, true);
tw1.onMotionFinished = function(){
_root.slideTimer = setInterval(_root, "makeSlide", _root.interval_time);
}
buttonAction();
}
initSlide();
ver 8 에서만 가능합니다 -ㅅ-);
----------------------------------------------------------------------
[이 게시물은 관리자님에 의해 2011-10-31 16:50:06 Flash에서 이동 됨]
댓글 12개
17년 전
좋은 자료군요.. 감사감사
소울메이트
17년 전
좋은 자료 감사하구요
잘 퍼감니다~
꾸벅~
잘 퍼감니다~
꾸벅~
17년 전
좋은자료 감사합니다.
17년 전
감사합니다..그런데 어떻게 적용하는지..
컴퓨터기술자
17년 전
감사합니다.
17년 전
감사합니다
컴퓨터기술자
17년 전
세로 돼잇는데요 가로 만들려면 어덯게 해야되나요
17년 전
감사합니다.
카스카베특공대
17년 전
호~ 오늘 아침에 이거 하나 만들일 있었는데 딱~있네요 감사합니다 ^^
수월한 아침 작업이 되겠네요 ^^
수월한 아침 작업이 되겠네요 ^^
17년 전
감사합니다 ^^
17년 전
멋지군요
17년 전
쇼핑몰에 꼭 적용해보구싶은데요... 어떻게 적용해야할지를 모르겟네요...
head.php부분에 슬라이드를 올린다면 어떻게 적어줘야 하나요.???
누가좀 부탁드립니다...
head.php부분에 슬라이드를 올린다면 어떻게 적어줘야 하나요.???
누가좀 부탁드립니다...
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1330 | 18년 전 | 1491 | ||
| 1329 | 18년 전 | 1723 | ||
| 1328 | 18년 전 | 1011 | ||
| 1327 | 18년 전 | 1426 | ||
| 1326 | 18년 전 | 2266 | ||
| 1325 | 18년 전 | 1148 | ||
| 1324 | 18년 전 | 1308 | ||
| 1323 | 18년 전 | 1571 | ||
| 1322 | 18년 전 | 1186 | ||
| 1321 | 18년 전 | 978 | ||
| 1320 | 18년 전 | 1198 | ||
| 1319 | 18년 전 | 1525 | ||
| 1318 | 18년 전 | 1652 | ||
| 1317 | 18년 전 | 1603 | ||
| 1316 | 18년 전 | 1219 | ||
| 1315 |
 뜨락의이름 |
18년 전 | 8606 | |
| 1314 | 18년 전 | 1915 | ||
| 1313 | 18년 전 | 1500 | ||
| 1312 | 18년 전 | 1492 | ||
| 1311 | 18년 전 | 1788 | ||
| 1310 | 18년 전 | 1838 | ||
| 1309 | 18년 전 | 1229 | ||
| 1308 | 18년 전 | 990 | ||
| 1307 | 18년 전 | 2762 | ||
| 1306 | 18년 전 | 3118 | ||
| 1305 | 18년 전 | 2180 | ||
| 1304 | 18년 전 | 1561 | ||
| 1303 | 18년 전 | 1429 | ||
| 1302 | 18년 전 | 893 | ||
| 1301 | 18년 전 | 1795 | ||
| 1300 | 18년 전 | 5144 | ||
| 1299 | 18년 전 | 2865 | ||
| 1298 |
mixdesign
|
18년 전 | 2112 | |
| 1297 | 18년 전 | 3083 | ||
| 1296 | 18년 전 | 2554 | ||
| 1295 | 18년 전 | 2246 | ||
| 1294 |
onweb
|
18년 전 | 4566 | |
| 1293 |
onweb
|
18년 전 | 3497 | |
| 1292 | 18년 전 | 3461 | ||
| 1291 | 18년 전 | 4047 | ||
| 1290 | 18년 전 | 1908 | ||
| 1289 | 18년 전 | 1767 | ||
| 1288 | 18년 전 | 1734 | ||
| 1287 | 18년 전 | 1434 | ||
| 1286 | 18년 전 | 1275 | ||
| 1285 | 18년 전 | 1164 | ||
| 1284 | 18년 전 | 1166 | ||
| 1283 | 18년 전 | 1522 | ||
| 1282 | 18년 전 | 922 | ||
| 1281 | 18년 전 | 1277 | ||
| 1280 | 18년 전 | 1134 | ||
| 1279 | 18년 전 | 1153 | ||
| 1278 | 18년 전 | 3027 | ||
| 1277 | 18년 전 | 954 | ||
| 1276 | 18년 전 | 1162 | ||
| 1275 | 18년 전 | 2100 | ||
| 1274 | 18년 전 | 2230 | ||
| 1273 | 18년 전 | 1325 | ||
| 1272 | 18년 전 | 1917 | ||
| 1271 | 18년 전 | 1171 | ||
| 1270 | 18년 전 | 2503 | ||
| 1269 | 18년 전 | 6602 | ||
| 1268 |
페이지팩트
|
18년 전 | 3827 | |
| 1267 |
페이지팩트
|
18년 전 | 2234 | |
| 1266 |
뜨락의이름 |
18년 전 | 6302 | |
| 1265 | 18년 전 | 2590 | ||
| 1264 | 18년 전 | 2627 | ||
| 1263 | 18년 전 | 2126 | ||
| 1262 | 18년 전 | 2119 | ||
| 1261 |
페이지팩트
|
18년 전 | 2133 | |
| 1260 | 18년 전 | 3889 | ||
| 1259 |
 hanpedro |
18년 전 | 3942 | |
| 1258 |
 PhotoFly |
18년 전 | 5050 | |
| 1257 | 18년 전 | 4146 | ||
| 1256 | 18년 전 | 2583 | ||
| 1255 | 18년 전 | 1819 | ||
| 1254 | 18년 전 | 2787 | ||
| 1253 | 18년 전 | 2720 | ||
| 1252 | 18년 전 | 2244 | ||
| 1251 | 18년 전 | 5425 | ||
| 1250 |
jbsstyle
|
18년 전 | 4768 | |
| 1249 |
 친절한서기 |
18년 전 | 3778 | |
| 1248 | 18년 전 | 3455 | ||
| 1247 | 18년 전 | 2142 | ||
| 1246 | 18년 전 | 2142 | ||
| 1245 | 18년 전 | 3645 | ||
| 1244 |
hanpedro |
18년 전 | 2289 | |
| 1243 |
hanpedro |
18년 전 | 2497 | |
| 1242 | 18년 전 | 1774 | ||
| 1241 | 18년 전 | 4467 | ||
| 1240 | 18년 전 | 2156 | ||
| 1239 | 18년 전 | 2305 | ||
| 1238 | 18년 전 | 4044 | ||
| 1237 |
hwatta
|
18년 전 | 3898 | |
| 1236 | 18년 전 | 2125 | ||
| 1235 | 18년 전 | 2775 | ||
| 1234 | 18년 전 | 5151 | ||
| 1233 | 18년 전 | 2416 | ||
| 1232 |
hanpedro |
18년 전 | 2957 | |
| 1231 | 18년 전 | 8507 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기