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

[Admin]

بسم الله الرحمن الرحيم

كود 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حسب ماترونه مناسبحفظ الحقوق عند النقل وذكر المصدر​

المصدر :- منتدى الابداع العربي​

دمتم بخير​