استرجاع كلمة المرور طلب كود تفعيل العضوية تفعيل العضوية قوانين المنتدى
العودة   معهد موسوعة العربية التطويري > أقسام تطويــــر المواقـــــــــــــع > منتدى تطوير المواقع - web development > لغـــــــات البرمجــــــــه - Programming

اعلانات

لغـــــــات البرمجــــــــه - Programming لغات البرمجه php و asp و Ajax و Java و غيرها

  انشر الموضوع
إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
قديم 09-17-2012, 08:29 AM   المشاركة رقم: 1
المعلومات
الكاتب:
اللقب:
Senior Member
الرتبة


البيانات
التسجيل: Jul 2012
العضوية: 3057
المشاركات: 149 [+]
بمعدل : 0.03 يوميا
اخر زياره : [+]

التوقيت

الإتصالات
الحالة:
نسمة غير متواجد حالياً
وسائل الإتصال:

المنتدى : لغـــــــات البرمجــــــــه - Programming
كيفية تصغير الصورة وتكبيرها من خلال الجيكوري 2012 , 2013

كيفية, تصغير, الصورة, وتكبيرها ,من, خلال, الجيكوري, 2012 , 2013


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


الصفحة كاملة

كود PHP:
                       <head
  <
title>تصغير وتكبير الصورة</title
</
head
<
script src="jquery.js" type="text/javascript" ></script> 
  <script type="text/javascript"> 

 $(document).ready(function(){ 

  $('img').click(function(){ 
   $(this).css({'width': '400px', 'height':'400px' , 'border' :'8px solid #EEEEEE' }); 
     $(this).fadeOut(500).fadeIn(500); 
  }); 

    $('img').dblclick(function(){ 
   $(this).css({'width': '100px', 'height':'100px'}); 
   $(this).fadeOut(500).fadeIn(500); 

  }); 
  }); 
  </script> 

<body> 



<img src="http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash3/543391_378833415483359_100000701104653_1172193_480294874_n.jpg"  width="100" height="100" /> 
</body> 

</html> 

احنا وضع صورة وهذا رابطها


كود PHP:
                       http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash3/543391_378833415483359_100000701104653_1172193_480294874_n.jpg 

من خلال الجيكوري راحيين نتحكم بي css

عملنا فنيكشن الاول كلك اي عند النقر على الصورة سوف تكبر


كود PHP:
$('img').click(function(){ 
   $(
this).css({'width''400px''height':'400px' 'border' :'8px solid #EEEEEE' }); 
     $(
this).fadeOut(500).fadeIn(500); 
  }); 
قلنا this اي الصورة ثم عملنا لها css ووضعنا ابعاد الصورة طول 400 عرض 400 وعملنا لها ايطار

الفنيكشن الثاني استخدما دبل كلك اي عندما ينقر عليها مرتين تصغر الصورة


كود PHP:
                          $('img').dblclick(function(){ 
   $(
this).css({'width''100px''height':'100px'}); 
   $(
this).fadeOut(500).fadeIn(500); 

  }); 
بخصوص


كود PHP:
                       $('img').click 
معناه عندما يتم النقر على الصورة نفذ الاكواد


كود PHP:
                       $(this).css({'width''400px''height':'400px' 'border' :'8px solid #EEEEEE' }); 
     $(
this).fadeOut(500).fadeIn(500); 
وطبعا علمنا حركة فلاش عندما تكبر الصورة وميض

وهكذا بالنسبة للفنيكشن الثاني


اتمنى لكم التوفيق









عرض البوم صور نسمة   رد مع اقتباس
قديم 09-12-2013, 10:48 AM   المشاركة رقم: 2
المعلومات
الكاتب:
اللقب:
Member
الرتبة


البيانات
التسجيل: Sep 2013
العضوية: 3163
المشاركات: 39 [+]
بمعدل : 0.01 يوميا
اخر زياره : [+]

التوقيت

الإتصالات
الحالة:
الورده الحمراء غير متواجد حالياً
وسائل الإتصال:

كاتب الموضوع : نسمة المنتدى : لغـــــــات البرمجــــــــه - Programming
افتراضي

شرحك فياض كما ان

كيفية تصغير الصورة وتكبيرها من خلال الجيكورى

يجهله الكثيرين

يسلمووووا يا الغلا









عرض البوم صور الورده الحمراء   رد مع اقتباس
قديم 09-03-2014, 04:25 PM   المشاركة رقم: 3
المعلومات
الكاتب:
اللقب:
Senior Member
الرتبة


البيانات
التسجيل: Mar 2014
العضوية: 3192
المشاركات: 304 [+]
بمعدل : 0.08 يوميا
اخر زياره : [+]

التوقيت

الإتصالات
الحالة:
استايل غير متواجد حالياً
وسائل الإتصال:

كاتب الموضوع : نسمة المنتدى : لغـــــــات البرمجــــــــه - Programming
افتراضي

موضوع فى قمة الخيااال

طرحت فأبدعت

دمت ودام عطائك

ودائما بأنتظار جديدك الشيق

لك خالص حبى وأشواقى









عرض البوم صور استايل   رد مع اقتباس
قديم 10-31-2014, 07:58 AM   المشاركة رقم: 4
المعلومات
الكاتب:
اللقب:
Senior Member
الرتبة


البيانات
التسجيل: Oct 2009
العضوية: 95
المشاركات: 140 [+]
بمعدل : 0.03 يوميا
اخر زياره : [+]

التوقيت

الإتصالات
الحالة:
امير الظلام غير متواجد حالياً
وسائل الإتصال:

كاتب الموضوع : نسمة المنتدى : لغـــــــات البرمجــــــــه - Programming
افتراضي

مجهود طيب بارك الله فيك

في انتظار جديدك دائما

دومت ودام عطائك









عرض البوم صور امير الظلام   رد مع اقتباس
إضافة رد

الكلمات الدلالية (Tags)
الصورة, تصغير, كيفية


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع


الساعة الآن 04:44 AM


Powered by vBulletin® Copyright ©2000 - 2024