<질문>쇼핑몰 메인에 사용되는 슬라이딩 이미지 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

<질문>쇼핑몰 메인에 사용되는 슬라이딩 이미지 정보

Flash <질문>쇼핑몰 메인에 사용되는 슬라이딩 이미지

본문

여기서 받은 소스 중에 쇼핑몰 메인에 사용되는 슬라이딩 이미지로

플래쉬를 만들어봤는데요. 분명 F12키로 눌러 웹상에서는 아무런 문제가 없는데

.swf 파일을 만들면 번호는 보이는데 이미지가 보이질 않아요.

작업은 cs3에서 작업했고 swf 파일은 flash player 8 로 만들었어요.

근데 왜 웹상에서는 보이는데, swf파일로 만들면 이미지가 왜 안보일까요?

fla 파일 첨부를 어찌하는 줄 몰라서 소스를 올려볼께요.

그리고, 제가 작업한 사이트도 링크 걸어놨어요. 여기가 그 문제의 장소 입니다.

그 다음 링크는 원본 플래쉬 입니다.

초보라 넘 몇일 고민하다 질문 올립니다. 도와주세요!~~ 제발요~



import mx.transitions.Tween;
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 url_0:String = "http://cookielove1.godo.co.kr/shop/goods/goods_grp_04.php";
var url_1:String = "http://cookielove1.godo.co.kr/shop/goods/goods_list.php?category=004";
var url_2:String = "http://cookielove1.godo.co.kr/shop/goods/goods_list.php?category=004";
var url_3:String = "http://cookielove1.godo.co.kr/shop/goods/goods_list.php?category=004";
var url_4:String = "http://cookielove1.godo.co.kr/shop/goods/goods_list.php?category=001001";


var button_mc:MovieClip = container_mc.createEmptyMovieClip("button_mc", 1);
var bt0:MovieClip = button_mc.attachMovie("bt1", "bt0", 0, {_x:317, _y:140});
var bt1:MovieClip = button_mc.attachMovie("bt2", "bt1", 1, {_x:317, _y:167});
var bt2:MovieClip = button_mc.attachMovie("bt3", "bt2", 2, {_x:317, _y:194});
var bt3:MovieClip = button_mc.attachMovie("bt4", "bt3", 3, {_x:317, _y:221});
var bt4:MovieClip = button_mc.attachMovie("bt5", "bt4", 4, {_x:317, _y:248});
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 =>" +h 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");
  }
 }

 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");
 }
}

/* 처음 시작할 때의 설정----------------------------*/
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();

[이 게시물은 관리자님에 의해 2011-10-31 16:50:06 Flash에서 이동 됨]
추천
0

댓글 9개

답변 주셔서 감사해요~
같은 폴더 안에 Foto 라는 폴더 안에 jpg 파일을 넣었어요. 그리고  swf 파일도 들어 있구요.
Test movie 하면 그림들도 전부 정상적으로 보이고 play 됩니다.
그런데 버튼들은 아주 잘 보이는데 그림은 왜 안보일까요?
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");

이부분 수정하면될듯

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");
이렇게 해보시고

photo0.loadMovie("http://도메인명/fodto/swf/jpg/photo/1.jpg");
photo1.loadMovie("http://도메인명/fodto/swf/jpg/photo/2.jpg");
photo2.loadMovie("http://도메인명/fodto/swf/jpg/photo/3.jpg");
photo3.loadMovie("http://도메인명/fodto/swf/jpg/photo/4.jpg");

ㅡㅡ^

photo4.loadMovie("./photo/5.jpg");
이미지는 home/slidephoto(슬라이딩에 관련된 파일들이 모두 있음)/photo/jpg 이구요,
swf는 home/slidephoto/swf 예요.
헌이님 말씀듣고 home/slidephoto/photo/jpg 안에 swf 넣어봤지만 T.T 그래도 그림이 안보여요.
도와주세요~
-----담글 지금 봤어요...함 해볼께요~ 감사해요~
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");
해봤는데 안되고요.

photo0.loadMovie("http://도메인명/fodto/swf/jpg/photo/1.jpg");
photo1.loadMovie("http://도메인명/fodto/swf/jpg/photo/2.jpg");
photo2.loadMovie("http://도메인명/fodto/swf/jpg/photo/3.jpg");
photo3.loadMovie("http://도메인명/fodto/swf/jpg/photo/4.jpg");
photo4.loadMovie("./photo/5.jpg");
이건 사이트 주소에 이미지 넣고 링크 해봤지만서두 그것두 안되요....

정말 정성어린 답변에 너무 감사해요....근데 더더욱 포기가 안되네요;;;
제가 지방출장을 나와서요 빠르게 답변 못드리네요
사무실 들어가는데로 수정해서 보내 드리겠습니다.
그리고 저에 메일은 *** 개인정보보호를 위한 이메일주소 노출방지 *** 으로 보내주시면 감사하겠습니다
야후 메일은 아쓰거든요 ^^;;
전체 251
개발자팁 내용 검색 Flash에서

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT