|
بقعة لغات البرمجة يناقش هاذا المنتدى لغات البرمجة فيجوال بيسيك , فيجوال سي ++ , دلفي , أكسيس , أوراكل , جافا , الاسمبلي, بي اتش بي, HTML , .. |
انشر الموضوع |
|
أدوات الموضوع | انواع عرض الموضوع |
28.09.2012, 09:23 | المشاركة رقم: 1 | ||||||||||||||||||||||||||||||||||
|
المنتدى :
بقعة لغات البرمجة
الصفحة كاملة رمز 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_480 294874_n.jpg" width="100" height="100" /> </body> </html> احنا وضع صورة وهذا رابطها رمز PHP: http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash3/543391_378833415483359_100000701104653_1172193_480 294874_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); وطبعا علمنا حركة فلاش عندما تكبر الصورة وميض |
||||||||||||||||||||||||||||||||||
10.11.2012, 08:29 | المشاركة رقم: 2 | ||||||||||||||||||||||||||||||||||
|
كاتب الموضوع :
ابتسم للحياة
المنتدى :
بقعة لغات البرمجة
كالعادة ابداع رائع وطرح يستحق المتابعة شكراً لك بانتظار الجديد القادم |
||||||||||||||||||||||||||||||||||
11.11.2012, 01:41 | المشاركة رقم: 3 | ||||||||||||||||||||||||||||||||||
|
كاتب الموضوع :
ابتسم للحياة
المنتدى :
بقعة لغات البرمجة
ع أإلموضوع أإلمفيد الله يـ ع’ـطيگ الــ ع’ـآفيه مآ ننح’ـرم منگ يآرب بآنتظـآر ج’ـديدگ |
||||||||||||||||||||||||||||||||||
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
من, الجيكوري, الصور, تصغير, تكبير, خلال, شرح, كيفية |
أدوات الموضوع | |
انواع عرض الموضوع | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
شرح كيفية التحكم بالوان الصور بالفوتوشوب | مريم سليمان | بقعة الجرافكس والمونتاج | 1 | 04.09.2012 03:42 |
شرح كيفية عمل تاثيرات الصور بالفوتو شوب | مريم سليمان | بقعة الجرافكس والمونتاج | 2 | 29.08.2012 04:09 |
برنامج تكبير الصور دون تشويهها | sofia | بقعة الجرافكس والمونتاج | 1 | 26.04.2010 11:08 |
البرنامج الاروع فى تكبير الصور مع المحافظة على جودتها | noha | ملحقات برامج التصميم | 0 | 17.04.2010 05:51 |
كيفية عمل خط مموج على الصور | ابتسم للحياة | بقعة الجرافكس والمونتاج | 4 | 11.09.2009 10:17 |