النتائج 1 إلى 8 من 8

الموضوع: سكربت جميل لمعرض الصور

  1. #1

    سكربت جميل لمعرض الصور



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

    أحبتي الكرام

    اليوم وأنا أتنقل بين صفحات المواقع

    وجدت هذا السكربت الجميل لعرض الصور

    http://alamal05.com/images/products-pages/boxes.htm


    فأرجوا ممن عنده السكربت أو أي معلومة عنه إنه لايبخل علينا بها


    ولكم كل الحب والتقدير







  2. #2
    عضو نشيط جدا
    تاريخ التسجيل
    Oct 2005
    المشاركات
    397


    هذا معرض صور معمول بالفرنت بيج عادي جدا

    لكن طريقة عرض الصور بالجافا والكود صراحه حاولت اسحبه بس ماقدرت اربطه ممكن
    تعمل حفظ للصفحه بإسم وراح ينزل معها ملفات الجافا الخاصه بالصور بس طريقة ربطها
    لا اعرفها واسف ماقدرت اخدمك بس قلت افيدك ولو بالقليل





    __________________
    نحن نتكفل بإرضائك
    www.sro7.com
    سوف نبدع بالتكاتف وسوف نفشل بالتخالف

    khaled.dj@gmail.com

  3. #3

    شكراً لك



    أخوي الكريم

    أشكرك كل الشكر

    وبالفعل أنا كمان حاولت أسحب الكود لكن ماعرفت له



    وياريت واحد من الاخوان يقدر يفيدنا








  4. طريقة عرض الصور هنا اسمها : Lightbox2

    الملف في المرفقات

    وهذا شرح التركيب للاخ : aMINE

    بعد التحميل الملفات اللازمة

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


    كود هتمل:
    <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
    <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
    <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>إنتهت طريق الإستعمال ...

    يمكنك إستخدامها حتى في صفحات HTML ....
    التحميل في المرفقات ... ( سأقوم عن قريب بوضع شرح لتغيير الـ CSS مع تعريب الصور )

    أريد أن أرى تطبيقاتكم ....

    ملاحظة هامة : يسمح نقل الدرس و لكن بشرط كتابة التالي في النهاية و بخط واضح " المصدر : منتدى بي اتش بي ... montadaphp.net "

    تحياتي ...
    فمان الله





    الملفات المرفقة الملفات المرفقة
    التعديل الأخير تم بواسطة عبد الله الزايدي ; 27-06-2008 الساعة 04:52 PM
    __________________
    -----------------------------------------------------------
    :: همـ المشاعر ــس :: عبد الله :: للتصميم و التطوير ::
    http://www.mr-sa.com
    -----------------------------------------------------------

  5. #5


    الف الف شكر لك أخوي على الكود

    وجبته الحمد لله طلع شل شي تمام التمام



    لاحرمك ربي الاجر :app:






  6. #6
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    82

    Talking



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

    http://www.swalif.net/softs/swalif54/softs232614/

    سؤالي هو بهذه التقنية اريد ان اعمل نفس الشئ بس ليس لمجموعة من الصور وانما اريد ان اعمل اعلان بهذه

    التقنية LITGH BOX ادخل هذا الموقع Data Access Tutorials : The Official Microsoft ASP.NET Site

    وانتظر حتى تتحمل الصفحة بالكااامل ستظهر لك صوره في وسط الموقع ومحيط الصور ابيض شفاف

    اريد ان اعمل مثل هذا هل من مساعده ولك جزيل الشكر والعرفان

    انظر المرفقات

    اخوكم ابة معاذ (:

    والسلام وعليكم





    الصور المرفقة الصور المرفقة  

  7. #7
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    82


    الطريقة المعموله في الموقع المذكور اعلاه الاعلان يظهر تلقائيا بعكس الطريقة التى سئل عنها الاخ ابو اسامة

    على العموم

    كيف اعمل اعلان بهذه الطريقة ولكن تلقائياً تلقائياً كما في موقع asp ؟





    التعديل الأخير تم بواسطة عبدالحكيم ; 03-07-2008 الساعة 01:28 PM

  8. #8
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    82


    up










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

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

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض