كود 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); 

}