[스크랩] 이미지 세로 슬라이딩

이미지 세로 슬라이딩~ 입니다 ㅎ 쇼핑몰같은데서 상품소개 할때 많이 쓰이죠~?

P>

 

 

먼저 버튼 액션입니다.

 

1번 (image#01)의 액션

 

on(rollOver){
 over = 1;
 clearInterval(id);
}
on(rollOut){
 id = setInterval(abc, gap);
}
on(release){
 getURL("#");
}

 

2번 (image#02)의 액션

 

on(rollOver){
 over = 2;
 clearInterval(id);
}
on(rollOut){
 id = setInterval(abc, gap);
}
on(release){
 getURL("#");
}

 

3번 (image#03)의 액션

 

on(rollOver){
 over = 3;
 clearInterval(id);
}
on(rollOut){
 id = setInterval(abc, gap);
}
on(release){
 getURL("#");
}

 

마지막 액션쓸라고 만든 레이어~ 1프레임에 들어갈 액션입니다.

 

gap = 3000;   //이미지 이동 간격 시간이에요~ 1000=1초 3000=3초죠^^
Num = 3;      //이미지 몇개~? 3개죠 ㅎ;
defaultY = Mim._y;
imageY = 260;   //이미지의 세로 크기에요! 각자 자기 이미지 세로크기에 맞게 설정하심되요

over = 1;

id = setInterval(abc, gap);

function abc() {
 if(over == Num) {
  over = 1;
 } else {
  over++;
 }
}
onEnterFrame = function() {
 Mim._y +=(defaultY-imageY*(over-1)-Mim._y)/5;
 Mbox._y+=(this[over]._y-Mbox._y)/3;
}

 

***추가로 액션에서 프레임에 들어가는 액션부분에서 y값을 x값으로 바꿔주면~ 가로 슬라이딩도

됩니다^^ 이미지는 가로로 배치해야겠죠? 그리고 위에 이미지 세로값넣는곳에는 이미지의 가로값을

넣어주면 가로 슬라이딩~^^ 참고하세요***

메모 :