آموزش نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)

 

گام 1
ابتدا عکسهایی که می خواهیم در این درس استفاده کنیم، دانلود کنید.
گام 2
یک سند جدید با مشخصات زیر ایجاد کنید:
Width=350    height=263    background color=white    frame rate=28
گام 3
نام لایه جاری را photos بگذارید.
گام 4
گزینه File > Import > Import to Library را انتخاب کرده،در پنجره ظاهر شده Shift-click را فشار داده تا همه عکسها انتخاب شود.سپس روی open کلیک کنید.حال اگر library(Ctrl+L key) را باز کنید عکسهایی که انتخاب کرده اید را مشاهده می کنید.
گام 5
ابزار Selection را انتخاب کرده،عکس اول را از library به ناحیه فلش بکشید.سپس عکس را انتخاب کرده به پنلAlign(Ctrl+K) رفته و تنظیمات زیر را انجام دهید:
گام 6
عکس را انتخاب کرده،F8 را فشار دهید.movie clip را انتخاب کرده و در قسمتregistration مربع بالا سمت چپ را انتخاب کنید.
گام 7
با ابزارSelection روی movie clip دابل کلیک کنید.
گام 8
فریم 2 را انتخاب کرده،F7 را فشار دهید.سپس عکس دوم را از library به ناحیه فلش ببرید.این کار را برای عکسهای 3 ، 4 ، 5 و6 و فریمهای 3 ، 4 ، 5 و 6 انجام دهید.تصویر زیر را ببینید:
گام 9
به (Scene 1) برگردید.
گام 10
با ابزار Selection  یک بار روی movie clip (photo) کلیک کرده تا انتخاب شود.به پنل Properties رفته، نام movie clip را photos_mc بگذارید.
گام 11
یک لایه با نام actions ایجاد کنید.
گام 12
اولین فریم از لایه actions را انتخاب کرده، به پنلAS (F9) رفته و کد زیر را وارد نمایید:
photos_mc.stop();
photos_mc.addEventListener(MouseEvent.ROLL_OVER, overHandler);
photos_mc.addEventListener(MouseEvent.ROLL_OUT, outHandler);
function overHandler(e:Event):void {
 photos_mc.addEventListener(MouseEvent.MOUSE_MOVE,changeFrame);
}
function changeFrame(e:Event):void {
 var frame : uint = Math.ceil(photos_mc.totalFrames * photos_mc.mouseX /
photos_mc.width);
 photos_mc.gotoAndStop(frame);
}
function outHandler(e:Event):void {
 photos_mc.removeEventListener(MouseEvent.MOUSE_MOVE, changeFrame);
}
movie را تست کنید.
 









نظرات کاربران
  رضـــــا   1392/11/08
پرسش  اقا ممنونم از اینکه این آموزش رو قرار دادید من یه مشکلی دارم و اینه که کدی که گفتید رو نوشتم ولی اررور میده این هم متن اررورش **Error** Scene=Scene 1, layer=Action, frame=1:Line 4: The class or interface \'Event\' could not be loaded. function overHandler(e:Event):void { **Error** Scene=Scene 1, layer=Action, frame=1:Line 7: The class or interface \'Event\' could not be loaded. function changeFrame(e:Event):void { **Error** Scene=Scene 1, layer=Action, frame=1:Line 8: The class or interface \'uint\' could not be loaded. var frame : uint = Math.ceil(photos_mc.totalFrames * photos_mc.mouseX / **Error** Scene=Scene 1, layer=Action, frame=1:Line 12: The class or interface \'Event\' could not be loaded. function outHandler(e:Event):void { Total ActionScript Errors: 4 Reported Errors: 4 میشه بگید کجا رو اشتباه کردم شاید همون چیزی ک علی اقا گفتن درست باشه یعنی با اسکریپ3 باید ینویسم لطفا راهنمایی کنید که چجوری مشخص کنم ک اسکریپ 3 باشه...
پاسخ  با تشكر از شما دوست عزيز.همون طور كه علي اقا گفتن بايد با اسكريپت3 اين كد رو اجراكنيد.وقتي نرم افزار فلش رو باز مي كنيد از كادرظاهر شده بايد اسكريپت3 رو انتخاب كنيد.
  مرضیه   1392/08/05
پرسش  خیــــــــــــــــــــلی خوب بود ازتون ممنونم برای تشکر اسم سایتتونو تو وب سایت خودم لینک می زارم
پاسخ  باتشكر از شما
  میثم   1392/05/23
پرسش  کارتون عالیه و ممنون خیلی خوبه فلش رو ادامه بدید
پاسخ  با تشکر از شما
  علی   1392/05/21
پرسش  عالی بود - البته بعد نیست به دیگران بگید این اکشن با اسکریپ 3 نوشته شده - من سر این موضوع خیلی درگیر بودم و بعدش فهمیدم دارم با اکشن اسکریپ 2 می نویسم
پاسخ  با تشکر از پیشنهاد شما،در مقالات بعدی حتما این نکته لحاظ خواهد شد.
1  






نظرات و پیشنهادات خود را در رابطه با آموزش نمایش تصاویر با حرکت دادن ماوس از قسمت زیر ارسال کنید

 ارسال نظر :

نام: *
ايميل: *
نظر: *
كد امنيتي:           كد امنيتي
کراکترهای نمايش داده شده در تصوير را در فيلد كد امنيتي وارد كنيد.


برچسبها:
آموزش نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)    مقاله نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)    آموزش گام به گام نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)    آموزش تخصصی نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)    آموزش رایگان نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)    آموزش تصویری نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)    آموزش چندرسانه ای نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)    مقاله کاربردی نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)    آموزش حرفه ای نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)    آموزش فارسی نمایش تصاویر با حرکت دادن ماوس در فلش (Adobe Flash)   
News Portal Designed & Powered By Eleworks . © 2017 IT Channel. All Rights Reserved.