| مواقع صديقة: تعلم البي اتش بي - تصميم نت - أفضل استضافة |
| ||||||
| أجاكس AJAX دروس وأكواد عن تقنية أجاكس AJAX وكيفية استخدامها في PHP لبناء مواقع تفاعلية |
 |
| | LinkBack (5) | أدوات الموضوع | طريقة العرض |
13-06-2007, 06:56 PM
|
 #1 (permalink)
|
| عضو فعال |  Lightbox2 - شاهد صورك بتقنية الـ AJAX السلام عليكم ... Lightbox2هذا الملف الرائع الذي يسمح لك بسهولة مشاهدة صورك بتقنية الأجاكس... طريقة الإستعمال... بعد التحميل الملفات اللازمة من هنا ... وفك ضغطها ستجد ثلاث مجلدات : css ; images ; js ... لا يستوجب تركها كما هي ، و لكن من المستحسن ذلك لأنني سأضع الشرح على هذا الأساس ... أظن من أسماءها واضح ما تحتويه و لكن لا بأس في ذكرها ... ملفات مجلد الـ css ... يحتوي على ملف وحيد هو " lightbox.css " و هو خاص بتنسيق العرض و سوف نتطرق له لاحقا ... ملفات مجلد الـ images ... و ملفاته ... ( يمكنك تغييرها بما يتناسب معك أيضا ) اللازمة : " closelabel.gif " ; " close.gif " ; " blank.gif " ; " loading.gif " ... الإختيارية : " prevlabel.gif " ; " prev.gif " ; " nextlabel.gif " ; " next.gif " ... سنذكر لاحقا لماذا هي إختيارية ... كما يمكن أن تضع في هذا المجلد صورك التي تريد عرضها ... ملفات مجلد الـ js ... و ملفاته ... " scriptaculous.js " ; " prototype.js " ; " lightbox.js " ; " effects.js " ... هذه هي الملفات الأساسية للعمل ( لا شرح لها  )طريقة العمل ... الجزء الأول ... 1- أدرج ملفات الجافا سكريبت في هيدر الصفحة كود هتمل: <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script> 2- كما عليك إضافة ملف الـ css إلى الصفحة كود هتمل: <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 3- تأكد من مواقع الصور ( خاصة إذا قمت ببعض التغييرات ) الجزء الثاني ... 1- أضف rel="lightbox" مع رابط للصورة في أي مكان ( مع نص ، صورة ...) ... كما يمكنك إختياريا إضافة عنوان يظهر مع الصورة و كذلك عن تقريب الفأرة إلى الصورة ، النص ... كود هتمل: <a href="http://www.montadaphp.net/images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> كود هتمل: <a href="http://www.montadaphp.net/images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> <a href="http://www.montadaphp.net/images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> <a href="http://www.montadaphp.net/images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a> إنتهت طريق الإستعمال ... التحميل في المرفقات ... ( سأقوم عن قريب بوضع شرح لتغيير الـ CSS مع تعريب الصور  )أريد أن أرى تطبيقاتكم  ....ملاحظة هامة : موقع البرمجية للحصول على التحديثات و الأمثلة و الدعم ...تحياتي  ...
__________________ قام بآخر تعديل aMINE يوم 16-08-2008 في 02:32 PM السبب: تغيير رابط المثال ... |
|  |
|
13-06-2007, 07:33 PM
| #2 (permalink) |
| * أبو عمر *  |  رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX
رائع ومفيد جداً يا رائد أجاكس  جاري التطبيق
__________________ لضمان رد سريع على استفسارك أو موضوعك * تأكد من البحث في المنتدى قبل أن تسأل * احرص على أن تنتقي العنوان المناسب لموضوعك أو سؤالك * قم بصياغة سؤالك بطريقة واضحة مع ذكر تجربتك ومكان الخطأ فيها |
|
| |
|
13-06-2007, 07:39 PM
| #3 (permalink) | |
| عضو فعال | رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX اقتباس:
العفو أخي محمود ، فأنا لا زلت أنظر من بعيد للأجاكس ، و لكن أنا عازم على تعلمه بإذن الله فقد وجدت أنه رائع جدا ... و نحن بانتظار دروسك في هذا المجال ( ... أين صار التحميل  ) ...و بإنتظار تطبيقاتك الإحترافية ... تحياتي ...
__________________ | |
|
| |
|
13-06-2007, 10:44 PM
| #4 (permalink) |
| عضو نشيط  تاريخ الانتساب: 06-05-2007 المكان: Marocainoo السن: 24
مشاركات: 168
مستوى السمعة : 2  | رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX
تسلم على ها الإبداع . . والله أتطلع لبدء تعلم ها الروعة . . AJAX جاري التحميل و التطبيق تحياتي لك يا بطل
__________________ أشكركم على كلامكم الطيب . . إن شاء الله أعود .+.+.+.+. يمكنكمـ بالضغط على الصورة أسفلـ إضافة شريط موقعنـا على متصفحك بكل يسر [:: FireFoxe ::] http://www.conduit.com/banners/minibanner05.gif [:: Internet Explorer ::] http://www.conduit.com/banners/minibanner05.gif %  .+.+.+.+. |
|
| |
|
13-06-2007, 11:18 PM
| #5 (permalink) | ||
| عضو فعال | رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX اقتباس:
شكرا على المرور أخي W-COBRA ، و أنا بانتظار تطبيقك المتميز دون شك ... اقتباس:
 ...
__________________ | ||
|
| |
أخبر صديقك عن الموقع
|
14-06-2007, 09:45 PM
| #7 (permalink) | |
| عضو فعال | رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX اقتباس:
أهلا أخي ايهاب الغزال ، إن شاء الله تستفيد من الموضوع ... على فكرة ، أول مرة أرى ستايل رائع للـ MySmartBB كالذي في موقعك ، ما شاء الله ... تحياتي ...
__________________ | |
|
| |
|
05-01-2008, 08:41 PM
| #9 (permalink) |
| عضو جديد  تاريخ الانتساب: 28-12-2007 المكان: egypt السن: 20
مشاركات: 17
مستوى السمعة : 0  | رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX تم التجريب بحمد الله وهو اكثر من رائع وجارى الدمج فى تطبيق قريبا ان شاء الله http://etisalat2010.free-site-host.com/img/ يمكنكم المشاهدة هنا ولكن توجد مشكله بسيطه وهوى انه فى بعض الاقات يتم فتح الصورة بدون التاثير كصورة عاديه ارجو حل المشكله وشكرا لكم قام بآخر تعديل migaber يوم 05-01-2008 في 08:51 PM |
|
| |
|
LinkBacks (?)
LinkBack to this Thread: http://www.montadaphp.net/t622/ | ||||
| الكاتب | For | Type | التاريخ | |
| مطلوب كود جافا لعرض الصور - ::TRAIDNT FORUM:: | This thread | Refback | 23-10-2008 10:15 AM | |
| مطلوب كود جافا لعرض الصور - ::TRAIDNT FORUM:: | This thread | Refback | 18-10-2008 03:58 PM | |
| مطلوب كود جافا لعرض الصور - ::TRAIDNT FORUM:: | This thread | Refback | 17-10-2008 12:03 PM | |
| هاك الصور المضيئه lightbox افضل هاك عربى للصور فى تاريخ المنتديات , برجاء التثبيت - الويب العربي | This thread | Refback | 28-08-2008 10:31 AM | |
| ظƒظˆط¯ ط§ط¸ظ‡ط§ط± ط§ظ„طµظˆط± ظ…ظƒط¨ط±ط© ..ظ…ط·ظ„ظˆط¨ طھط¹ط¯ظٹظ„ ط¨ط³ظٹط· - ط³ظˆط§ظ„ظپ ط³ظˆظپطھ | This thread | Refback | 26-08-2008 06:41 PM | |
| زوار هذا الموضوع الآن : 1 (0 عضو و 1 ضيف) | |
| (View-All)
Members who have read this thread : 33
| |
| -AKATSUKI-, abdellahaix, لاسلكي, أبو القين العجمي, ميت احساس, aljnoon, badr, Ben.Fat7i, Black-Code, الأسطورة, الشريف, dr.support, echophp, بوصالح, gaser, hussein_alsabri, ياسر الدغيدى, idiroot, MAFee, man in dark, midoalone, Mobtade.php, mohamed_sobhy, naris, ربي سيهدين, شموخ النصر, omardealo, seamaan, sherif_2307, Sinator Programmer, Tamem Graphics, عاشق الاحزان, عبد الواحد البشيري |
| أدوات الموضوع | |
| طريقة العرض | |
عادي
|
|
|
مواضيع ذات صلة | ||||
| الموضوع | الكاتب | المجلس | المشاركات | المشاركة الأخيرة |
| درس التصويت عن طريق PHP و AJAX | aMINE | أجاكس AJAX | 25 | 13-12-2008 03:41 AM |
| درس التعامل بين الـ PHP و AJAX و قاعدة البيانات | aMINE | أجاكس AJAX | 26 | 25-08-2008 05:37 PM |
| مشكله مع الا ajax | ابن العراق | لغة Javascript | 1 | 31-05-2008 08:15 PM |
| REFLECTION - إنعكاس صورك بكل سهولة | aMINE | لغة Javascript | 10 | 30-05-2008 03:06 AM |
| مشكلة في كود Ajax | أبو نور الدين | مشاكل وحلول PHP Errors & Troubleshooting | 2 | 25-03-2008 01:54 PM |
يمنع نقل أي من موضوعات المنتدى دون إذن كتابي مسبق من إدارة المنتدى، مع الشكر.
التوقيت حسب جرينتش +3. الساعة الآن 03:53 AM.
التوقيت حسب جرينتش +3. الساعة الآن 03:53 AM.
Powered by: vBulletin® Version 3.8.0 Release Candidate 1 Copyright ©2000-2009, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
استضافة فِكرة لتقنية المعلومات
Search Engine Optimization by vBSEO 3.2.0
استضافة فِكرة لتقنية المعلومات
