ألعاب فلاش

ألعاب تثقيفية ترفيهية لعب وتحميل

برنامج الفلاش وأدواته

تحميل برامج الفلاش

دروس فلاش

دروس الفلاش, شرح بالصور والفيديو

قوالب فلاشية

قوالب فلاشية Templates

ملفات مفتوحة

ملفات فلاش فمتوحة المصدر Open source

Flash Blog » دروس فلاش

عمل ألبوم صور gallery : شريط صور مع بروز الصورة عند مرور الماوس

طريقة عمل ألبوم صور gallery : شريط صور وتكبير حجم الصورة عند مرور الماوس

المثال :


تقديم : في هذا الدرس سنشرح طريقة جد بسيطة لعرض صور بشكل أفقي و بروز (تكبير) أي صورة عند الرغبة في مشاهدتها بمجرد مرور الماوس فوق الفلاش, ولعمل ذلك على مجموعة كبيرة من الصورة فيُستحسن إستعمال الإستيراد الخارجي حتى لا يكون الفلاش كبير الحجم , وذلك بواسطة المكون Loader أو بطريقة يدوية.
سنقتصر على شرح عمل ذلك على مجموعة صغيرة
الدرس:
gallery-slide-show

ندرج 3 طبقات في الملف (طبعا فتحتم ملف جديد)

طبقة أمر التوقف Stop , ندرج في أول إطار منها كود الأكشن

stop();

طبقة الصور : تضم الصور
طبقة  (المستطيل ذو اللون المتدرج) : مجرد إضافة لتحسين شكل السلايد شو

نستورد الصور لداخل العمل وكما ترون لدينا 3 صور ذات أحجام أكبر من مساحة العمل
لذلك نقوم بتحديد أداه تغيير الحجم ونحدد خاصية المحافظة على النسبة بين الطول والعرض ونقوم بتصغير الصور

ونرتبها على الشكل الظاهر في الصورة أعلاه (قم بتغيير لون الخلفية أيضا)

في المشهد الرئيسي Scene

نحدد الصورة الأولى ونظغط F8 لتحويلها إلى زر Button

في الزر Button

بعد تحويل الصورة لزر فلاشي نظغط عليها مرتين لدخول لمكان تحرير الزر, ونظعذ F6 لإضافة إطار جديد وفي الإطار الجديد نقوم بتحديد الصورة ونظغط F8 لتحويلها مرة أخرى لكن إلى موفي كليب وليس زر

الموفي كليب Movie Clip

بعد أن قمنا بتحويلها إلى زر نظغط عليها مرتين متتاليتين للدخول لمكان تحرير لموفي كليب , ثم نحدد أول إطار ونظغط باليمين لنختار Creat mation tween لإنشاء حركة

نذهب للإطار السادس 6 (وليس ال10 كما في الصورة وذلك لتسريع حركة تكبير الصورة) , ونقوم بإدراج إطار “مفتاحي” Keyframe ثم نعطيه أمر التوقف

في النهاية نقوم بتكبير حجم الصورة ووضعها في وسط العمل.
الآن نعود لتطبيق ما قمنا به على جميع الصور لأخرى.

ملف مفتوح Open source لألبوم صور gallery : شريط صور مع بروز الصورة عند مرور الماوس CBS-10?

موفقين إن شاء الله.

المؤلف: | قسم: دروس فلاش | بتاريخ: 3/10/09 | لا تعليقات | وسوم: , , , , , , , , ,

ذات علاقة

شارك بتعليقاتك !

أضف تعليقك أدناه ، أو رابط دائم من موقعك.. يمكنك أيضا الأشتراك في هذه التعليقات من خلال الخلاصات

ليبقى موقعنا نظيف من رسائل السبام.

تستطيع أستخدام هذه الأكواد في تعليقاتك :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>