hits counter
الرئيسيةس .و .جبحـثالتسجيلدخول
دعم شباب الآن: لدينا 8248 موضوع ، و 1991 عضو ، آخر عضو مسجل : نغم سات فمرحباُ به.



درس عمل صورة تتغير عند مرور الماوس عليها مفيدة في الازرار
avatar
THE QM
إدارة الموقع
 
المشاركات : 7657
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22
موضوع: درس عمل صورة تتغير عند مرور الماوس عليها مفيدة في الازرار



طريقة عمل صور متغيره Rollover

وهيا عباره عن صورة تتأثر بمجرد مرور السهم عليها لتغير شكلها
لصوره اخرى

اذهب الى Common ثم اضغط الزر Rollover Image

أو
أذهب الى قائمة

Insert> Interactive Images> Rollover Image

ستظهر نافذة جديدة بها عدة اختيارات :

1- Image name: وهو ما ستكتبه عن اسم الصورة

2- Original Image: وهيا الصورة الاصليه التى ستظهر بالبداية

3- Rollover Image : وهيا الصورة التى بمجرد مرور السهم عليها ستظهر مباشرة

4- اما Preload rollover image تلاحظ وضع عليها علامة صح والمقصد منها عند فتح

الصفحه سيتم تحميل الصورة الثانيه قبل ظهورها فبمجرد

مرور السهم على الصورة الاولى ستظهر الصورة الثانية مباشرة .

5- Alternate ****: لكتابة نص او تعليق حول الصوره بمجرد مرور السهم عليها سيظهر التعليق

6- When clicked ,Go to Url : وهيا لعمل ارتباط تشعيبي بمجرد الضغط على الصوره تلقائيا

سينتقل لمسار الصفحة المختارة


طريقة عمل أكثر من صورة

أما لكيفية عمل أكثر من صورة بمجرد مرور السهم او بمجرد النقر او بمجرد خروج السهم من اطار الصورة

أذهب لـ Common وأختر زر Navigation Bar

أو

Insert> Interactive Images> Navigation Bar


1- Nav Bar Elements: بإمكانك وضع أكثر من شريط بإستخدام +للزيادة و -

للحذف اما بالأسهم فتمكنك من التنقل بين الأشرطة

2- Element Name: أسم للشريط

3- Up Image: الصورة الأولى التى ستظهر بصفحتك

4- Over Image: الصورة الثانية ستظهر بمجرد مرور السهم على الصورة الأولى

5- Down Image: بمجرد النقر عليها ستظهر الصورة الثالثة

6- Over While Down Image: بمجرد مرور السهم على الصورة الثالثه ستظهر الصورة الرابعة

7- Alternate ****: لكتابة نص او تعليق حول الصوره بمجرد مرور السهم عليها سيظهر التعليق

8- When clicked ,Go to Url : وهيا لعمل ارتباط تشعيبي بمجرد الضغط على الصوره تلقائيا

سينتقل لمسار الصفحة المختارة

9- In Main Window: وهو الذي سيتم فتح فيه المتصفح الجديد

10-Options:

-Preload Image * لتحميل الصور كلها عند فتح المتصفح مباشرة حتى يسهل عملية مرور السهم لتسريع اظهار الصور

-Show" Down image "Initially * لوضع الصورة الثالثه تظهر بالمقدمه حين فتح الصفحة

11- Insert:بجانبها قائمة منسدلة لإختيار بين ظهور شريط الصور بالشكل العمودي ام الأفقي

12- Use Table: لإرفاق الصورة داخل جدول وعند اختيارك لهذا الأمر ستلاحظ ظهور خصائص الجدول اسفل البرنامج



كن بالقرب :
follow me @HDagash


التعليقات
لا يوجد حالياً أي تعليق

تفضّل شارك بتعليقك

دعم شباب  :: تطوير المواقع والمنتديات :: تطوير المواقع-