السلام عليكم
اليوم سأقدم اليكم اضافة جميلة عن طريق CSS3 ، هده الاضافة عبارة عن اداة تكبير الصور او ما يعرف بزوم ZOOM لصور على مدونات البلوجر و سي اس اس 3 .
يمكن لأي صورة تكبيرها عند تحريك الماوس من فوقها مع الحفاظ على الحجم المكان المخصص لها و عند نزع الفأرة من فوق الصورة ترجع الى ما كانت عليه اي الى الحجم الأصلي . يمكنك ايضا استخدام نفس الطريقة باستعمال JQUERY و CSS . لكن يمكن القول ان ل CSS سرعة في التصفح اضافة الى انها غير معقدة و سهلة الاستعمال .
شرح الطريقة :
نكمل الشرح بعد تحميل الكود
اذهب الى مدونتك وابحث في قالبك على الكود :
]]></b:skin>
بعد ذالك قم بوضع الكود السابق فوق منه مباشرة ثم اظغط على حفظ
عند تحرير مشاركة اضف الكود الثالي
<div class="zoom-image"><img src="image-url"/> </div>مع تغييرimage-url برابط الصورة
ليست هناك تعليقات :
إرسال تعليق