الصور التفاعلية MAP
السلام عليكم ورحمة الله
ماذا تعني الصور التفاعلية MAP ؟
لن أغوص في الشرح لأننا في قسم اسكريبتات الجاهزة ، و سأترك الشرح لحصة خاصة بالموضوع أبين فيها كيفة إنشاء صورة تفاعلية MAP..
الفكرة هو أنه يمكنك النقر على أجزاء معينة من صورة واحدة للدخول إلى صفحات مختلفة ، كما هو الشأن في الصورة التي أدرجتها هنا ، وهي تطبيق للشفيرة الموجودة تحت:
- مرر الفأرة ( La souris) على الباب الأصفر
- مرر الفأرة على النافذة الحمراء
- مرر الفأرة على الدراجة
- مرر الفأرة فوق الباب ( الجزء العلوي للباب
الكــود الموجود تحت هو تطبيق للصورة فوق :
ضع الجود بين العلامتين : <body> و </body>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<IMG SRC="http://jabism.com/wp-content/uploads/2019/02/e131b10f2dfc1c3e81584d04ee44408be272e6dc18b2164197f4_640_bienvenu.jpg" WIDTH= HEIGHT= USEMAP="#Map"> <MAP NAME="Map"> <AREA title="سياسة الخصوصية" SHAPE="rect" HREF="http://jabism.com/privacy.html" COORDS="133, 277, 258, 554"> <AREA title="مرحباً بكم في موقع جابسم" SHAPE="circle" HREF="http://jabism.com" COORDS="196, 219, 63"> <AREA title="الدخول للمدونة" SHAPE="poly" HREF="http://jabism.com/?page_id=1704" COORDS="291, 472, 523, 435, 547, 572, 307, 574"> <AREA title="دروس HTMLو CSS" SHAPE="rect" HREF="http://jabism.com/?page_id=1510" COORDS="444, 178, 573, 415"> </MAP> |
مع أعطر التحايا
هنا مواضيع مشابهة لسكريبتات مهمة لك:
 |
شَـاركِ الْمَوْضُوع:
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.
