كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

صفحة 2 من اصل 2 الصفحة السابقة  1, 2

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

مُساهمة من طرف زائر في السبت سبتمبر 05, 2015 1:39 am


تذكير بمساهمة فاتح الموضوع :

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

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

عبارة عن التحكم بحجم الصور الكبيرة وعدم تجاوزها حد معين او مقياس معين دون التاثير بحجم الصور الصغيرة

بالاضافة لعمل حركة زووم أي تكبير للصورة او تصغير للصورة

اول حركة التكبير

صورة الكود

http://i61.tinypic.com/23t32j5.gif


الكود

الرمز:
.postbody img {
    max-width: 500px;
    /* Resize the image for IE6 */
    width: expression(this.width > 500 ? 500: true);
}  

/*GROW*/
.postbody img {
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.postbody img:hover {
   max-width: 600px;
    /* Resize the image for IE6 */
    width: expression(this.width > 600 ? 600: true);
}  

ثاني حركة التصغير

صورة الكود


http://i57.tinypic.com/978a6p.gif



الكود

الرمز:
.postbody img {
    max-width: 600px;
    /* Resize the image for IE6 */
    width: expression(this.width > 600 ? 600: true);
}  

/*GROW*/
.postbody img {
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.postbody img:hover {
   max-width: 500px;
    /* Resize the image for IE6 */
    width: expression(this.width > 500 ? 500: true);
}  



تغيير رقمي 600 و 500
حسب ماترونه مناسب

حفظ الحقوق عند النقل وذكر المصدر

دمتم بخير


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل


رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

مُساهمة من طرف almaldin في السبت فبراير 06, 2016 12:34 pm


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


almaldin
الادارة العليا
الادارة العليا

عدد المساهمات : 17887


http://www.ibda3araby.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

مُساهمة من طرف ѕαα∂ ∂єѕιgη في الأحد فبراير 07, 2016 5:53 pm


ѕαα∂ ∂єѕιgη
بصمة خالدة
بصمة خالدة

الجنس : ذكر

الدلو

عدد المساهمات : 37067

نقاط النشاط : 41613

السٌّمعَة : 280

بلد العضو :

العمر : 17


http://WwW.t-AlTwEr.CoM

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

مُساهمة من طرف Mr.LoLo في الأحد فبراير 07, 2016 6:08 pm


كوددد جميل
شكككرآ   ~




التوقيع


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين




Mr.LoLo
عضو دهبي
عضو دهبي

الجنس : ذكر

نقاط التفاعل : 3 نقاط

الجدي

عدد المساهمات : 5435

نقاط النشاط : 6163

السٌّمعَة : 54

بلد العضو :

العمر : 99


http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

مُساهمة من طرف THE ROCK في الأحد فبراير 07, 2016 6:54 pm


كود وتطوير رائعه
يعطيك العافيه وتسلم الأيادي المتألقه
على روعة ماخطت لنا من ابجديات واكواد ماسيه
بإنتظار روائعك القادمه بشوووق




التوقيع




THE ROCK
عضو فعال
عضو فعال

الجنس : ذكر

عدد المساهمات : 668

نقاط النشاط : 988

السٌّمعَة : 24

بلد العضو :


الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

مُساهمة من طرف زائر في الثلاثاء مايو 17, 2016 7:29 pm


السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

مُساهمة من طرف Basil Abdallah في الثلاثاء يوليو 12, 2016 11:55 pm


شكر جزيلا للطرح القيم
ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك
@CLARO@




التوقيع


من الحقائق الثابتة أنك تستطيع أن تنجح بسرعة وبأفضل طريقة، عندما تساعد الآخرين على النجاح
   

Basil Abdallah
اشراف عام الدردشة
اشراف عام الدردشة

الجنس : ذكر

السمك

عدد المساهمات : 10534

نقاط النشاط : 11289

السٌّمعَة : 69

بلد العضو :

العمر : 21






الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

مُساهمة من طرف 1M ThE BesT في السبت أغسطس 27, 2016 5:56 pm


1M ThE BesT
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الدلو

عدد المساهمات : 25051

نقاط النشاط : 27782

السٌّمعَة : 304

بلد العضو :

العمر : 20


http://jalil.assassino

الرجوع الى أعلى الصفحة اذهب الى الأسفل

صفحة 2 من اصل 2 الصفحة السابقة  1, 2

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى