خدعه جميله علي الصور في مدونة بلوجر بخاصية mouseover

السلام عليكم ورحمة الله وبركاته .. اعزائي زوار ومتابعي مدونة تقارب الاعزاء في البدايه اود ان اعتذر عن التغيير الذي طبقته في نظام تعليقات مدونة تقارب وعدم اتاحة التعليق للمعلقين بغير معرف او بالاسم واقتصار امكانية التعليق لاصحاب الملف الشخصي وحساب في جوجل فيعلم الله كم اعاني يوميا من تلك التعليقات التي تجعلني بين الحين والاخر اود ترك المدونه وهجرانها للابد علي كل حال حتى لا نخرج عن سياق الموضوع ......
 في تك التدوينه الصغيره سنتعلم معا طريقة  استعراض صوره داخل التدوينه من خلال صوره اخرى  او ما يعرف الهوفر ولرؤية مثال حى لتلك الاضافه السحريه قم بتمرير مؤشر الفاره علي الصوره المرفقه داخل التدوينه الموجوده في هذا الموضوع من هنا لتشاهد الفرق  حيث انه لم يمكنني وضعها هنا في هذا الموضوع نظرا لاني اعتمد تاثرات على الصور تعوق عمل تلك الاضافه .بالتاكيد اعجبتك الفكره ورغم بساطتها الشديده للغايه الا ان كثيرا من الناس لا يعرفها وهذا بالطبع يرجع الي العقيده الراسخه والمتأصله في نفوس اغلبيتنا كعرب بان المعرفه حق فردي لا يحق للاخرين تداوله. لكن  ارجو من الله ان تكون مدونتي الصغيره مكانا لتبادل المعارف والمعلومات
 ولمعرفة كيفية عمل هذا في مدونتك و تطبيق هذا التاثير في داخل احد تدويناتك ان تقوم بكتابة موضوعك بالطريقه المعتاده ثم تنتقل الى وضع تحرير HTML وتضع الكود الصغير الموجود بالاسفل
<img src="صوره رقم1" onmouseover="this.src='صوره رقم2'" onmouseout="this.src='صوره رقم3'" />
للتعديل على الكود ووضع الصور قم بعمل التغييرات التاليه على الكود
استبدل عبارة صوره رقم1 داخل الكود ب رابط الصوره التي ترغب ان تكون  قبل مرور الماوس
استبدل كلمة صورة رقم 2 داخل الكود  ب رابط الصوره التي ترغب ان تكون بعد مرور الماوس
استبدل كلمة صوره رقم 3 بنفس رابط الصوره التي وضعتها قبل مرور الماوس
لو احببت اضافة رابط يذهب بالزائر عند الضغط على الصوره قم باضافة الكود التالي <a href="http://tqarob.com" target="_blank"> قبل الكود الموجود بالاعلى مباشرة بدون مسافات  مع تغيير رابط مدونتي باي رابط ترغب فيه. اي استفسار يرجا ترك تعليق بالاسفل .
أصدقاء(تطوير ويب)
تعليقات Facebook
0تعليقات Blogger

لا توجد تعليقات على موضوع "خدعه جميله علي الصور في مدونة بلوجر بخاصية mouseover"

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .