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

كود 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 التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة

avatar
عضو خبير
الجنس : انثى

الحمل

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

نقاط النشاط : 2217

السٌّمعَة : 111

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في السبت سبتمبر 05, 2015 2:01 am
شكرا كتير ليكى جرح ع الموضوع الرائع
ننتظر جديدك
التوقــيـــــــــــــــــــــع


الأنثى : لا تريد منك المستحيل , هي فقط تريدك أن تكون مثل الرجل الذي تتمناه أنت لشقيقتك.

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

زائر
زائر
تمت المشاركة في السبت سبتمبر 05, 2015 2:12 am
منورة اختي

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

avatar
عضو دهبي
الجنس : ذكر

السرطان

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

نقاط النشاط : 6759

السٌّمعَة : 821

بلد العضو :

العمر : 20



معاينة صفحة البيانات الشخصي للعضوhttp://Yalla4u.0wn0.Com
تمت المشاركة في الثلاثاء سبتمبر 15, 2015 4:26 pm
كود رائع مشكور جدا
التوقــيـــــــــــــــــــــع

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

زائر
زائر
تمت المشاركة في الثلاثاء سبتمبر 15, 2015 4:48 pm
منور الموضوع

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

avatar
عضو نشيط
الجنس : ذكر

السرطان

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

نقاط النشاط : 461

السٌّمعَة : 12

العمر : 26

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس سبتمبر 17, 2015 11:05 pm
تسلمى أيدك ي جرح
أبداع وتألق 
الله يعطيك العافية ع كل مجهودك معنا
جزاك الله الف خير على كل ما تقدمه لهذا المنتدى 
ننتظر ابداعاتك الجميلة بفارغ الصبر وردة حمراء
التوقــيـــــــــــــــــــــع


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

زائر
زائر
تمت المشاركة في الخميس سبتمبر 17, 2015 11:44 pm
الله يسلمك اخي منور الموضوع

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

avatar
بصمة خالدة
الجنس : ذكر

القوس

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

نقاط النشاط : 35985

السٌّمعَة : 84

بلد العضو :

العمر : 31

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة سبتمبر 18, 2015 4:40 am
بالتوفيق
رائع
التوقــيـــــــــــــــــــــع

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

زائر
زائر
تمت المشاركة في السبت سبتمبر 19, 2015 3:56 am
منور الموضوع

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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 26540

السٌّمعَة : 90

بلد العضو :

العمر : 37

معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com/
تمت المشاركة في السبت فبراير 06, 2016 12:34 pm
بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن
التوقــيـــــــــــــــــــــع
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads