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

2 مشترك

2 مشترك close
محمدابومنه
admin
اذهب الى الأسفل
الثلاثاء مايو 29, 2018 11:01 pm
admin
admin
الإدارة العليا
  •  


  • الإدارة العليا 

    غير متواجد

    رقــــم العضويــــــــة :
    تاريــخ التسجيــــــــــل : 03/02/2018
    مجموع المشاركـــات : 677
    ذكر
    http://www.midosat2018.com




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

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

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

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

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



    الكود

    الكود:
    .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); 
    }  

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






    الكود

    الكود:
    .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
    حسب ماترونه مناسب


    دمتم بخير
    الأربعاء مايو 30, 2018 2:29 pm
    محمدابومنه
    محمدابومنه
    الإدارة العليا
  •  


  • الإدارة العليا 

    غير متواجد

    رقــــم العضويــــــــة :
    تاريــخ التسجيــــــــــل : 30/05/2018
    مجموع المشاركـــات : 22
    ذكر
    العمر : 44
    http://midosat2015.yoo7.com




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