كود رائع لتكبير مصغرات الصور بمرور الماوس Image Enlarger

بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
إضافة رائعة مناسبة للمواقع التى تعرض صور (جاليرى) أو المواقع الخاصة بالتسوق عبر الإنترنت
أما هذا الكود المميز فهو طريقة ذكية لزيادة أبعاد الصور بمجرد مرور الماوس على مصغرات الصور.
صورة واحدة فقط نحتاجها فى هذه الحالة وهذا ما يميز الكود بعكس ما كان يطبق فى أكواد Css من تجهيز صورتين واحدة مصغرة وواحدة أخرى بأبعاد أخرى أكبر قليلا تظهر بمرور مؤشر الماوس. فهذا الكود يوفر الوقت والجهد الذى كان يحدث سابقا.
من مميزات هذا الكود أيضا هو إمكانيا إضافة نص يظهر تحت الصورة .
بالإضافة إلى ذلك هو إمكانية إضافة رابط على النص والصورة المكبرة تؤدى إلى صفحة ويب أخرى
الصورة الكبرى تظهر معها إطار أو خلفية بلون أسود لتوضيح وتحديد الصورة.

طريقة التركيب على مدونات بلوجر:
إنسخ الكود التالى إلى موقعك
 
  













هذا الكود يتم تطبيقه داخل الموضوع بمعنى أثناء تحرير الموضوع إنتقل إلى جهة تحرير HTML
ثم أضع روابط الصور بداخل هذا الكود

 المزيد من تأثيرات الصور بمواقع الويب
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا