쇼핑몰 같은데서 많이 볼 수 있는 슬라이드
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부분에 슬라이드를 올린다면 어떻게 적어줘야 하나요.???
누가좀 부탁드립니다...
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1130 | 18년 전 | 2477 | ||
| 1129 | 18년 전 | 2463 | ||
| 1128 | 18년 전 | 2331 | ||
| 1127 | 18년 전 | 2572 | ||
| 1126 |
 뜨락의이름 |
18년 전 | 3872 | |
| 1125 | 18년 전 | 3667 | ||
| 1124 |
 PhotoFly |
18년 전 | 2105 | |
| 1123 | 18년 전 | 2039 | ||
| 1122 | 18년 전 | 1587 | ||
| 1121 | 18년 전 | 3912 | ||
| 1120 | 18년 전 | 5903 | ||
| 1119 | 18년 전 | 7001 | ||
| 1118 | 18년 전 | 2480 | ||
| 1117 |
BEST79
|
18년 전 | 2738 | |
| 1116 | 18년 전 | 4191 | ||
| 1115 | 18년 전 | 2182 | ||
| 1114 |
 꿈꾸는비행기 |
18년 전 | 3641 | |
| 1113 | 18년 전 | 2891 | ||
| 1112 | 18년 전 | 2751 | ||
| 1111 | 18년 전 | 2206 | ||
| 1110 | 18년 전 | 2483 | ||
| 1109 | 18년 전 | 2626 | ||
| 1108 | 18년 전 | 3104 | ||
| 1107 | 18년 전 | 3740 | ||
| 1106 | 18년 전 | 3272 | ||
| 1105 | 18년 전 | 2791 | ||
| 1104 |
 예감커뮤니케이션 |
18년 전 | 2278 | |
| 1103 | 18년 전 | 2947 | ||
| 1102 | 18년 전 | 3029 | ||
| 1101 | 18년 전 | 2542 | ||
| 1100 | 18년 전 | 2299 | ||
| 1099 | 18년 전 | 3333 | ||
| 1098 | 18년 전 | 4858 | ||
| 1097 | 18년 전 | 5098 | ||
| 1096 | 18년 전 | 2314 | ||
| 1095 | 18년 전 | 2199 | ||
| 1094 | 18년 전 | 5010 | ||
| 1093 | 18년 전 | 8982 | ||
| 1092 | 18년 전 | 2052 | ||
| 1091 |
DeepnBlue
|
18년 전 | 4933 | |
| 1090 |
 강강술냄세 |
18년 전 | 4375 | |
| 1089 |
도날드주주
|
18년 전 | 2620 | |
| 1088 |
예감커뮤니케이션 |
18년 전 | 4972 | |
| 1087 | 18년 전 | 2797 | ||
| 1086 | 18년 전 | 3681 | ||
| 1085 | 18년 전 | 2623 | ||
| 1084 | 18년 전 | 3440 | ||
| 1083 | 18년 전 | 1948 | ||
| 1082 | 18년 전 | 5383 | ||
| 1081 | 18년 전 | 1707 | ||
| 1080 | 18년 전 | 6062 | ||
| 1079 |
 친절한서기 |
18년 전 | 2895 | |
| 1078 | 18년 전 | 6059 | ||
| 1077 |
뜨락의이름 |
18년 전 | 6852 | |
| 1076 | 18년 전 | 3734 | ||
| 1075 | 18년 전 | 2211 | ||
| 1074 |
hwatta
|
18년 전 | 2103 | |
| 1073 | 18년 전 | 6909 | ||
| 1072 | 18년 전 | 2411 | ||
| 1071 | 18년 전 | 3963 | ||
| 1070 |
친절한서기 |
18년 전 | 5356 | |
| 1069 | 18년 전 | 2705 | ||
| 1068 | 18년 전 | 1762 | ||
| 1067 | 18년 전 | 1597 | ||
| 1066 | 18년 전 | 1543 | ||
| 1065 | 18년 전 | 1824 | ||
| 1064 | 18년 전 | 1819 | ||
| 1063 | 18년 전 | 1790 | ||
| 1062 | 18년 전 | 1728 | ||
| 1061 | 18년 전 | 2516 | ||
| 1060 | 18년 전 | 2321 | ||
| 1059 | 18년 전 | 3468 | ||
| 1058 | 18년 전 | 2603 | ||
| 1057 | 18년 전 | 2580 | ||
| 1056 | 18년 전 | 3419 | ||
| 1055 | 19년 전 | 4631 | ||
| 1054 | 19년 전 | 2973 | ||
| 1053 | 19년 전 | 2826 | ||
| 1052 | 19년 전 | 3356 | ||
| 1051 | 19년 전 | 6287 | ||
| 1050 | 19년 전 | 2194 | ||
| 1049 | 19년 전 | 2006 | ||
| 1048 | 19년 전 | 1958 | ||
| 1047 | 19년 전 | 2020 | ||
| 1046 | 19년 전 | 3207 | ||
| 1045 | 19년 전 | 2267 | ||
| 1044 | 19년 전 | 1964 | ||
| 1043 | 19년 전 | 1630 | ||
| 1042 | 19년 전 | 2088 | ||
| 1041 | 19년 전 | 3371 | ||
| 1040 | 19년 전 | 3237 | ||
| 1039 | 19년 전 | 1933 | ||
| 1038 | 19년 전 | 1510 | ||
| 1037 | 19년 전 | 3208 | ||
| 1036 | 19년 전 | 2068 | ||
| 1035 | 19년 전 | 1619 | ||
| 1034 | 19년 전 | 2841 | ||
| 1033 | 19년 전 | 1979 | ||
| 1032 | 19년 전 | 1854 | ||
| 1031 | 19년 전 | 1826 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기