العودة   منتديات البقعة > اقسام البرامج > بقعة لغات البرمجة

اعلانات

بقعة لغات البرمجة يناقش هاذا المنتدى لغات البرمجة فيجوال بيسيك , فيجوال سي ++ , دلفي , أكسيس , أوراكل , جافا , الاسمبلي, بي اتش بي, HTML , ..

  انشر الموضوع
إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
قديم 28.09.2012, 09:23   المشاركة رقم: 1
المعلومات
الكاتب:
الرتبة
الصورة الرمزية
 
الصورة الرمزية ابتسم للحياة


البيانات
التسجيل: 13.08.2009
العضوية: 1330
المشاركات: 1,315 [+]
بمعدل : 0.25 يوميا
اخر زياره : [+]
معدل التقييم:
نقاط التقييم: 10

التوقيت

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

المنتدى : بقعة لغات البرمجة
الصفحة كاملة

رمز 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
المعلومات
الكاتب:
الرتبة
الصورة الرمزية
 
الصورة الرمزية نور الحق


البيانات
التسجيل: 21.02.2010
العضوية: 2428
المشاركات: 1,009 [+]
بمعدل : 0.20 يوميا
اخر زياره : [+]
معدل التقييم:
نقاط التقييم: 10

التوقيت

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

كاتب الموضوع : ابتسم للحياة المنتدى : بقعة لغات البرمجة
افتراضي

كالعادة ابداع رائع

وطرح يستحق المتابعة

شكراً لك

بانتظار الجديد القادم










عرض البوم صور نور الحق   رد مع اقتباس
قديم 11.11.2012, 01:41   المشاركة رقم: 3
المعلومات
الكاتب:
الرتبة
الصورة الرمزية
 
الصورة الرمزية لوجين


البيانات
التسجيل: 02.12.2009
العضوية: 1965
المشاركات: 1,193 [+]
بمعدل : 0.23 يوميا
اخر زياره : [+]
معدل التقييم:
نقاط التقييم: 10

التوقيت

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

كاتب الموضوع : ابتسم للحياة المنتدى : بقعة لغات البرمجة
افتراضي

تَسلٍـم ألآيآدي
ع أإلموضوع أإلمفيد
الله يـ ع’ـطيگ الــ ع’ـآفيه
مآ ننح’ـرم منگ يآرب
بآنتظـآر ج’ـديدگ









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

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
من, الجيكوري, الصور, تصغير, تكبير, خلال, شرح, كيفية

أدوات الموضوع
انواع عرض الموضوع

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح كيفية التحكم بالوان الصور بالفوتوشوب مريم سليمان بقعة الجرافكس والمونتاج 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


Powered by vBulletin®
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.