أرشيف انكور
(نسخة قابلة للطباعة من الموضوع)
https://archive.iinkor.com/t234
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

كود CSS التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة
Admin 27-01-2020 05:06 مساءً
بسم الله الرحمن الرحيم
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورةعبارة عن التحكم بحجم الصور الكبيرة وعدم تجاوزها حد معين او مقياس معين دون التاثير بحجم الصور الصغيرةبالاضافة لعمل حركة زووم أي تكبير للصورة او تصغير للصورةاول حركة التكبير صورة الكود الكود للتركيب
CODE
  
.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); 
}  

65465465456
ثاني حركة التصغير صورة الكود الكود للتركيب
CODE
  
.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حسب ماترونه مناسبحفظ الحقوق عند النقل وذكر المصدر
المصدر :- منتدى الابداع العربي
دمتم بخير
أرشيف انكور

Copyright © 2009-2025 PBBoard® Solutions. All Rights Reserved