طلب كود عمل زووم للصور داخل الاطار

السلام عليكم ورحمة الله وبركاته

لو سمحتم اريد كود عمل زووم للصور داخل اطار

اي تظهر بهذا الشكل او قريبة منه

http://www.condaianllkhir.com/2012/07/image-zoom-css.html#.VDXQMlda_1A

انا وجدت كودين احداهما لـ كيمو ميمو وهو رائع جدا
كود عمل زوم علي الصور في المساهمات عند مرور الماوس عليها

والثاني بالاطار ولكنه لايعمل
كود css يجعل الصور فى منتداك بشكل رائع..!
انا متأكده ان الكود موجود هنا لأني استعملته من قبل ثم حذفته
لو سمحتم اريد من يساعدني للوصول لحل المشكلة
وشكرا لكل من يحاول مساعدتي
تحياتي.

صحيح اختي
كان موجود وما زال ههه

حصريا : كود عمل خاصية zoom علي الصور الشخصية روعة

شكرا لردك اخي امير
ولكن طلبي هو للصور في المنتدى وليس الصور الشخصية للعضو
جزاك الله كل الخير يارب
تحياتي.

الكود المقصود كان دامج بين الموضوعين
اي الصور لها اطار وزووم في نفس الوقت
كود عمل زوم علي الصور في المساهمات عند مرور الماوس عليها
كود css يجعل الصور فى منتداك بشكل رائع..!

اعتقد النسخة هي الثانية ,
تفضلي بالمساهمات

الكود:

.postbody img:hover {
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.postbody img:hover {
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

بالمنتدى

الكود:

body img:hover {
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

body img:hover {
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

تمام اخي امير
تسلم ايديك وعينيك يارب
هو ده الكود المقصود الحمد لله
انا وضعت الكودين من روعتهم
المنتدى بقى اجمل من الاول من الصور حتى الازرار

بارك الله فيك واسعد قلبك
جزاك الله كل الخير يارب
تقبل صادق شكري وامتناني
+
احلى تقييم
تحياتي .

ارجو غلق الموضوع مع الشكر