اشترك في مجموعة montadaphp.net حتى تصلك أخبار المنتدى  

بريدك الإلكتروني:

صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 20 من 28
  1. #1
    عضو شرف
    تاريخ التسجيل
    10-02-2007
    المشاركات
    434
    معدل تقييم المستوى
    11

    Cool 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-
    أدرج ملفات الجافا سكريبت في هيدر الصفحة

    كود HTML:
    <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 إلى الصفحة

    كود HTML:
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

    3-
    تأكد من مواقع الصور ( خاصة إذا قمت ببعض التغييرات )

    الجزء الثاني ...

    1- أضف rel="lightbox" مع رابط للصورة في أي مكان ( مع نص ، صورة ...) ... كما يمكنك إختياريا إضافة عنوان يظهر مع الصورة و كذلك عن تقريب الفأرة إلى الصورة ، النص ...

    كود HTML:
    <a href="http://www.montadaphp.net/images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
    2- هنا نعود إلى الصورة الإختيارية و هي تستخدم عند رغبة في وضع مجموعة من الصور و تستطيع التمرير عبرها عندما تكون تشاهد إحداها ( عدد غير محدود من الصور ) ... بهذه الطريقة ...

    كود HTML:
    <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 سبب آخر: تغيير رابط المثال ...

  2. #2
    * أبو عمــر * الصورة الرمزية coder
    تاريخ التسجيل
    24-12-2006
    السن
    38
    المشاركات
    3,788
    معدل تقييم المستوى
    14

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    رائع ومفيد جداً يا رائد أجاكس

    جاري التطبيق
    رُبّ أخٍ لك لم تلِدهُ أُمُّكَ
    الطموح يعني الحلم، أوله صبر وتفاؤل، وأوسطه اجتهاد وإرادة، وآخره نتيجة رائعة بإذن الله.

  3. #3
    عضو شرف
    تاريخ التسجيل
    10-02-2007
    المشاركات
    434
    معدل تقييم المستوى
    11

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    اقتباس المشاركة الأصلية كتبت بواسطة coder مشاهدة المشاركة
    رائع ومفيد جداً يا رائد أجاكس

    جاري التطبيق
    السلام عليكم ...

    العفو أخي محمود ، فأنا لا زلت أنظر من بعيد للأجاكس ، و لكن أنا عازم على تعلمه بإذن الله فقد وجدت أنه رائع جدا ... و نحن بانتظار دروسك في هذا المجال ( ... أين صار التحميل ) ...

    و بإنتظار تطبيقاتك الإحترافية ...

    تحياتي ...

  4. #4
    عضو شرف الصورة الرمزية W-COBRA
    تاريخ التسجيل
    06-05-2007
    السن
    33
    المشاركات
    167
    معدل تقييم المستوى
    11

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    تسلم على ها الإبداع . .
    والله أتطلع لبدء تعلم ها الروعة . . AJAX

    جاري التحميل و التطبيق

    تحياتي لك يا بطل

  5. #5
    عضو شرف
    تاريخ التسجيل
    10-02-2007
    المشاركات
    434
    معدل تقييم المستوى
    11

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    اقتباس المشاركة الأصلية كتبت بواسطة W-COBRA مشاهدة المشاركة
    تسلم على ها الإبداع . .
    والله أتطلع لبدء تعلم ها الروعة . . AJAX

    جاري التحميل و التطبيق

    تحياتي لك يا بطل
    السلام عليكم ...

    شكرا على المرور أخي W-COBRA ، و أنا بانتظار تطبيقك المتميز دون شك ...
    اقتباس المشاركة الأصلية كتبت بواسطة aMINE
    لقد صار المنتدى على الويب 2.0
    تحياتي ...

  6. #6
    مطور منتديات mysmartbb
    تاريخ التسجيل
    22-05-2007
    المشاركات
    276
    معدل تقييم المستوى
    11

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    ما شاء الله لاقوة الا بالله

    درس جميل وموفق انشالله

    لي عودة

    اخوك

    ايهاب الغزال

    AJAX with PHP Soon

  7. #7
    عضو شرف
    تاريخ التسجيل
    10-02-2007
    المشاركات
    434
    معدل تقييم المستوى
    11

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    اقتباس المشاركة الأصلية كتبت بواسطة ايهاب الغزال مشاهدة المشاركة
    ما شاء الله لاقوة الا بالله

    درس جميل وموفق انشالله

    لي عودة

    اخوك

    ايهاب الغزال
    السلام عليكم ...

    أهلا أخي ايهاب الغزال ، إن شاء الله تستفيد من الموضوع ...

    على فكرة ، أول مرة أرى ستايل رائع للـ MySmartBB كالذي في موقعك ، ما شاء الله ...

    تحياتي ...

  8. #8
    عضو شرف
    تاريخ التسجيل
    15-01-2007
    المشاركات
    153
    معدل تقييم المستوى
    11

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    مشكور اخوووي
    بو مُجَاهِد

  9. #9
    عضو شرف الصورة الرمزية migaber
    تاريخ التسجيل
    28-12-2007
    السن
    29
    المشاركات
    17
    معدل تقييم المستوى
    0

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    تم التجريب بحمد الله وهو اكثر من رائع وجارى الدمج فى تطبيق قريبا ان شاء الله

    http://etisalat2010.free-site-host.com/img/
    يمكنكم المشاهدة هنا
    ولكن توجد مشكله بسيطه وهوى انه فى بعض الاقات يتم فتح الصورة بدون التاثير كصورة عاديه ارجو حل المشكله
    وشكرا لكم
    التعديل الأخير تم بواسطة migaber ; 05-01-2008 الساعة 09:51 PM

  10. #10
    Webmaster
    "رب زدني علما"
    الصورة الرمزية يوسف الحمود
    تاريخ التسجيل
    24-12-2006
    المشاركات
    4,961
    معدل تقييم المستوى
    10

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    جميل جدا ...
    شكرا لك
    لا تعطني سمكة بل علمني كيف أصطاد
    "قد ترى السماء من ثقب إبرة"
    اللهم اشف عبدك عاطف عطوان وأنزل عليه عطفك ورحمتك وشفائك ... وجميع مرضى المسلمين ... آمين


    من استفاد من مواضيعي أو كتاباتي وأحب رد الجميل لي ... فليدعو لي بأن يرزقني الله من خيري الدنيا والآخرة وأن يفتح علي أبواب الرزق ...

    قوانين منتدى بي اتش بي

    Regulations Montada PHP




  11. #11
    عضو مشارك
    تاريخ التسجيل
    26-07-2008
    المشاركات
    13
    معدل تقييم المستوى
    0

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    بارك الله فيك وجزاك الجنة

  12. #12
    عضو شرف الصورة الرمزية php-Tiger
    تاريخ التسجيل
    31-07-2007
    المشاركات
    68
    معدل تقييم المستوى
    11

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    مجهود تشكر عليه ولو ان الموقع توقف

  13. #13
    عضو شرف
    تاريخ التسجيل
    30-07-2008
    المشاركات
    10
    معدل تقييم المستوى
    0

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    ...

    ملفات مجلد الـ js ...
    و ملفاته ...
    " scriptaculous.js " ; " prototype.js " ; " lightbox.js " ; " effects.js " ... هذه هي الملفات الأساسية للعمل ( لا شرح لها )


    شكرا جزيلاً ولكني اريد ان أثقل عليك قليلا حيث اني مبتدء بالphp وليس لي خبرة بالJS
    فهل يمكن انجاز نفس العمل بالPHP ?

    وفقك الله لما يحب ويرضى

  14. #14
    عضو جديد
    تاريخ التسجيل
    02-08-2008
    المشاركات
    4
    معدل تقييم المستوى
    0

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    مشكور أخي على المجهود
    تمت التجربة بنجاح
    أتمنى لك التوفيق

  15. #15
    عضو شرف
    تاريخ التسجيل
    10-02-2007
    المشاركات
    434
    معدل تقييم المستوى
    11

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    اقتباس المشاركة الأصلية كتبت بواسطة Amsh مشاهدة المشاركة
    ...

    ملفات مجلد الـ js ...
    و ملفاته ...
    " scriptaculous.js " ; " prototype.js " ; " lightbox.js " ; " effects.js " ... هذه هي الملفات الأساسية للعمل ( لا شرح لها )


    شكرا جزيلاً ولكني اريد ان أثقل عليك قليلا حيث اني مبتدء بالphp وليس لي خبرة بالJS
    فهل يمكن انجاز نفس العمل بالPHP ?

    وفقك الله لما يحب ويرضى
    إن كنت تقصد دمجه معها، فذلك ممكن، كأي شيفرة HTML، أما غير ذلك فلا...

  16. #16
    ممنوع من المشاركة مؤقتا
    تاريخ التسجيل
    13-03-2008
    المشاركات
    916
    معدل تقييم المستوى
    0

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    طيب سؤال

    انا عايز الصورة تفتح بصفحة اخرى يعني انا عامل هذه الصفحه بداخل فريم وعايز لما اضغط على الصورة تعرضها لي الاجاكس خارج الفريم

    لان الفريم مساحته صغيرة 200 بيكسل

  17. #17
    عضو شرف
    تاريخ التسجيل
    10-02-2007
    المشاركات
    434
    معدل تقييم المستوى
    11

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    السلام عليكم...

    قمت بعدة تجارب و لم أنجح في ذلك، أعتقد أنه لا يمكن فعل ذلك على الأقل و هذه البرمجية على هذا الحال...

    يمكنك السؤال في المنتدى الخاص بالدعم من هنا...

    ملاحظة: كتبت هذا الموضوع و معرفتي مغلوطة بالأجاكس، فهذا ليس أجاكسا :) ...

  18. #18
    عضو شرف
    تاريخ التسجيل
    12-09-2008
    المشاركات
    14
    معدل تقييم المستوى
    0

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    بارك الله فيك اخي الكريم

    طريقه جميله وحلوه منك

  19. #19
    عضو جديد
    تاريخ التسجيل
    20-10-2008
    المشاركات
    1
    معدل تقييم المستوى
    0

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

    اشكرك اخي الحبيب على هذه المشاركه وبإنتظار جديدك دوماً


    تحياتي وتقديري للجميع

  20. #20
    عضو جديد
    تاريخ التسجيل
    25-05-2009
    المشاركات
    7
    معدل تقييم المستوى
    0

    افتراضي رد : Lightbox2 - شاهد صورك بتقنية الـ AJAX

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

    بارك الله فيك يا غالي

    تبدوا محترف في Ajax

    أتمنى منك دروس أكثر

    أو الشامل في Ajax

    ويكون هذا كرم منك أخي

صفحة 1 من 2 12 الأخيرةالأخيرة

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

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

المواضيع المتشابهه

  1. جلب نتائج البحث عن الصور من موقع فليكر بتقنية الاجاكس
    بواسطة the_unknown في المنتدى دروس بي اتش بي PHP Lessons
    مشاركات: 2
    آخر مشاركة: 08-08-2011, 08:10 PM
  2. موديول joomla لجلب حالة الطقس بتقنية الأجاكس
    بواسطة the_unknown في المنتدى فرصة تجارية
    مشاركات: 2
    آخر مشاركة: 20-07-2011, 09:49 PM
  3. استفسار عرض البيانات بتقنية الاجاكس
    بواسطة مبتدئ شوية في المنتدى مشاكل وحلول PHP Errors & Troubleshooting
    مشاركات: 1
    آخر مشاركة: 26-07-2008, 01:15 AM
  4. REFLECTION - إنعكاس صورك بكل سهولة
    بواسطة aMINE في المنتدى لغة Javascript
    مشاركات: 10
    آخر مشاركة: 30-05-2008, 03:06 AM

ضوابط المشاركة

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