쇼핑몰 같은데서 많이 볼 수 있는 슬라이드
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부분에 슬라이드를 올린다면 어떻게 적어줘야 하나요.???
누가좀 부탁드립니다...
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1530 |
1111111
|
18년 전 | 1952 | |
| 1529 |
행복속네잎크로버
|
18년 전 | 3447 | |
| 1528 |
행복속네잎크로버
|
18년 전 | 1827 | |
| 1527 |
1111111
|
18년 전 | 7638 | |
| 1526 |
1111111
|
18년 전 | 3284 | |
| 1525 |
행복속네잎크로버
|
18년 전 | 1268 | |
| 1524 |
행복속네잎크로버
|
18년 전 | 2300 | |
| 1523 |
행복속네잎크로버
|
18년 전 | 3502 | |
| 1522 |
행복속네잎크로버
|
18년 전 | 2358 | |
| 1521 |
행복속네잎크로버
|
18년 전 | 2123 | |
| 1520 |
행복속네잎크로버
|
18년 전 | 2752 | |
| 1519 |
행복속네잎크로버
|
18년 전 | 3714 | |
| 1518 |
행복속네잎크로버
|
18년 전 | 3479 | |
| 1517 |
행복속네잎크로버
|
18년 전 | 2558 | |
| 1516 |
행복속네잎크로버
|
18년 전 | 1910 | |
| 1515 |
행복속네잎크로버
|
18년 전 | 1928 | |
| 1514 |
행복속네잎크로버
|
18년 전 | 2503 | |
| 1513 |
행복속네잎크로버
|
18년 전 | 1981 | |
| 1512 | 18년 전 | 2868 | ||
| 1511 | 18년 전 | 1658 | ||
| 1510 | 18년 전 | 2204 | ||
| 1509 | 18년 전 | 1679 | ||
| 1508 | 18년 전 | 2137 | ||
| 1507 | 18년 전 | 2356 | ||
| 1506 | 18년 전 | 2291 | ||
| 1505 | 18년 전 | 2243 | ||
| 1504 | 18년 전 | 2172 | ||
| 1503 | 18년 전 | 3481 | ||
| 1502 | 18년 전 | 1661 | ||
| 1501 | 18년 전 | 3439 | ||
| 1500 | 18년 전 | 2018 | ||
| 1499 | 18년 전 | 5288 | ||
| 1498 | 18년 전 | 2146 | ||
| 1497 |
hsp1980
|
18년 전 | 2329 | |
| 1496 |
hsp1980
|
18년 전 | 1723 | |
| 1495 |
hsp1980
|
18년 전 | 2131 | |
| 1494 |
hsp1980
|
18년 전 | 3644 | |
| 1493 | 18년 전 | 1497 | ||
| 1492 | 18년 전 | 1737 | ||
| 1491 | 18년 전 | 4314 | ||
| 1490 | 18년 전 | 3702 | ||
| 1489 | 18년 전 | 3262 | ||
| 1488 | 18년 전 | 3363 | ||
| 1487 |
mixdesign
|
18년 전 | 3863 | |
| 1486 |
mixdesign
|
18년 전 | 4322 | |
| 1485 | 18년 전 | 4246 | ||
| 1484 | 18년 전 | 2700 | ||
| 1483 |
hsp1980
|
18년 전 | 2309 | |
| 1482 |
hsp1980
|
18년 전 | 3245 | |
| 1481 |
hsp1980
|
18년 전 | 3160 | |
| 1480 |
hsp1980
|
18년 전 | 3317 | |
| 1479 | 18년 전 | 3254 | ||
| 1478 |
 Nextstep |
18년 전 | 4921 | |
| 1477 |
Nextstep |
18년 전 | 5205 | |
| 1476 | 18년 전 | 3402 | ||
| 1475 |
mixdesign
|
18년 전 | 2713 | |
| 1474 |
mixdesign
|
18년 전 | 2939 | |
| 1473 |
mixdesign
|
18년 전 | 2266 | |
| 1472 |
mixdesign
|
18년 전 | 2082 | |
| 1471 |
mixdesign
|
18년 전 | 2033 | |
| 1470 |
 꿈꾸는비행기 |
18년 전 | 3068 | |
| 1469 |
mixdesign
|
18년 전 | 2351 | |
| 1468 |
mixdesign
|
18년 전 | 2368 | |
| 1467 |
mixdesign
|
18년 전 | 2047 | |
| 1466 |
mixdesign
|
18년 전 | 2418 | |
| 1465 |
mixdesign
|
18년 전 | 3150 | |
| 1464 | 18년 전 | 4080 | ||
| 1463 | 18년 전 | 3368 | ||
| 1462 |
 소울메이트 |
18년 전 | 1997 | |
| 1461 |
소울메이트 |
18년 전 | 1939 | |
| 1460 | 18년 전 | 2855 | ||
| 1459 | 18년 전 | 1648 | ||
| 1458 |
소울메이트 |
18년 전 | 1999 | |
| 1457 |
mixdesign
|
18년 전 | 2290 | |
| 1456 |
mixdesign
|
18년 전 | 2153 | |
| 1455 | 18년 전 | 2261 | ||
| 1454 | 18년 전 | 4029 | ||
| 1453 | 18년 전 | 1772 | ||
| 1452 | 18년 전 | 4385 | ||
| 1451 | 18년 전 | 2916 | ||
| 1450 | 18년 전 | 2214 | ||
| 1449 | 18년 전 | 3267 | ||
| 1448 | 18년 전 | 2894 | ||
| 1447 | 18년 전 | 2823 | ||
| 1446 | 18년 전 | 5623 | ||
| 1445 | 18년 전 | 2289 | ||
| 1444 | 18년 전 | 3406 | ||
| 1443 |
 Callto |
18년 전 | 3320 | |
| 1442 | 18년 전 | 3704 | ||
| 1441 | 18년 전 | 3259 | ||
| 1440 | 18년 전 | 2435 | ||
| 1439 | 18년 전 | 2083 | ||
| 1438 | 18년 전 | 2535 | ||
| 1437 | 18년 전 | 6104 | ||
| 1436 | 18년 전 | 2730 | ||
| 1435 | 18년 전 | 4541 | ||
| 1434 | 18년 전 | 2036 | ||
| 1433 | 18년 전 | 10024 | ||
| 1432 | 18년 전 | 2473 | ||
| 1431 |
Psychedelico
|
18년 전 | 1538 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기