منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


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

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
1M ThE BesT
مؤسس الإبداع العربي 

1M ThE BesT

ذكر
الدلو
عدد المساهمات : 1422
نقاط النشاط : 1842
السٌّمعَة : 49
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Algeri10
العمر : 27

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Empty
مُساهمةموضوع: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Emptyالخميس مايو 07, 2020 1:36 pm

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

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

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

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

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

صورة الكود
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة 23t32j5
https://2img.net/h/oi61.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);
}  

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

صورة الكود

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة 978a6p
https://2img.net/h/oi57.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
حسب ماترونه مناسب

حفظ الحقوق عند النقل وذكر المصدر
m97  IBDA3ARABY  m97


دمتم بخير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126400
نقاط النشاط : 142117
السٌّمعَة : 3006
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Saudi-10
العمر : 35

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Emptyالأحد مايو 10, 2020 6:06 am

زوووم جميل
كود جميل
شكرا لك


كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
1M ThE BesT
مؤسس الإبداع العربي 

1M ThE BesT

ذكر
الدلو
عدد المساهمات : 1422
نقاط النشاط : 1842
السٌّمعَة : 49
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Algeri10
العمر : 27

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Emptyالثلاثاء مايو 12, 2020 6:15 am

شكرآآآ لمرورك أم ياسر وردة حمراء
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Àťéf Hàmmàď
سوبر الإبداع 

Àťéf Hàmmàď

ذكر
عدد المساهمات : 92696
نقاط النشاط : 102560
السٌّمعَة : 708
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Ioao10

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة Emptyالخميس مايو 14, 2020 3:16 am

شكرا لك

بوركت ودام عطائك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير تكبير وتصغير على الصورة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: التقنيات المتقدمة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020