![]() |
[درس خاص] شرح تركيب صندوق light box بالاجاكس ... رائع جدا السلام عليكم ورحمة بركاته والصلاة والسلام على سيدنا محمد اللهم امين
شرح التركيب 1- قم بتحميل الملف المرفق باسم lightbox. 2- بعد فك الضغط للملف ستجد مجلدين الاول اسمه js وهو ملفات الجافاسكربت التي سوف نضمنها بالهيد وايضا يوجد معه ملف الستايل css . ثم في المجلد الثاني images ستجد صور الايقونات next prev وX والخ... 3- ننقل هذه الملفات الى السكربت او الصفحات المراد اضافة الخاصية لها وانا ساعتمد الاسماء js سيحتوي كود الجافاسكربت و images للصور. 4- داخل وسم head اضف الكود التالي مع مراعاة التغييرات (في حالة قمت انت بتغيير اسماء المجلدات) رمز PHP: 5- الى هنا نكون قد ضمنا ملفات العمل ... الان علينا اعطاء اشارة البدء في وسم body استبدل كلمة بالكود التالي رمز PHP: 6- الان قمنا بتحديد اشارة البدء ... الان لا يبقى علينا سوى ضبط الصور لتنتج بالصورة الصحيحة .. يجب ان تكون كود وسم الصور على النحو التالي مع العلم انه يمكنك التحكم بامكانيات الصورة من خلال الطول والعرض عادي ... لكن اللي يهمنا هو الرابط + ال rel رمز PHP: بعد ذلك قم بحفظ الصفحة وتمتع بهذه الميزة الجميلة وهذا مثال مركب وتطبيق كامل للدرس حمله من المرفق باسم lightboxdemo الملفات المرفقة http://www.traidnt.net/vb/images/attach/zip.gif lightbox.zip (12.6 كيلوبايت) http://www.traidnt.net/vb/images/attach/zip.gif lightboxdemo.zip (273.1 كيلوبايت) |
| الساعة الآن 05:32 PM |
Powered by vBulletin® Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By
Almuhajir