الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

كود جميل جدا لعرض الصور .. ومحتاج مساعدة ضرورية فيه

بدأه almo7eb في 23 يونيو 2012 · 4 رد · 1,801 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

كلما احترت في شيء لجات الى هذا الموقع العملاق الذي يضم في طياته عقول عملاقة ..

كل الاحترام للجميع ..

اخواني احضرت لكم كود جميل جدا لصفحات الويب ..

وهو يقوم بعرض تاثير جميل على الصور ..

بحيث عندما تقوم بالتاشير على الصورة .. يتم عرض طبقة شفافة عليها مع معلومات عن الصورة او الموضوع ...

الصورة التالية توضح كلامي

almo7eb.com-485641957b.jpg

الصورة باليمين هي العرض الافتراضي ... الصورة باليسار تمثل التاثير بعد مرور الماوس عليها ...

المساعدة المطلوبه من حضراتكم

الكود الذي قدمته هو كود فردي .. بحيث تقوم يدويا بتكرار كود التاثير في الصفحة حسب عدد الصور التي تريد اضافتها

وفي كل كود تقوم باضافة اسماء الطبقات يدويا ..

مثل الطبقة 1 - للصورة 1

الطبقة 2 - للصورة 2

وكما هو معروف لا يمكن ان تعمل اكثر من طبقة في الصفحة الا بعد ان تكون اسمائهم مختلفة ..

المطلوب الان

عمل متغير تلقائي لاسماء الطبقات

بحث اريد ربط الكود بمجلة صور

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

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

المهم ان يعمل الكود بمتغير تلقائي ...

اتمنى ان اكون وضحت الصورة .. والمطلوب ..

واتمنى ان اجد المساعدة لديكم ...

مرفق الكود ..

c-almo7eb.zip

#2

اين الردود يا جماعه .....

اين الخبراء ..

#3

بدل من استخدام id للطبقه إستخدم كلاس بحيث يتم التأثير على هذا الكلاس وبهذا كل ما أضفت صورة جديده سيتم إضافه التأثير عليها

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

function getElementsByClassName(node,classname) {
  if (node.getElementsByClassName) { // use native implementation if available
    return node.getElementsByClassName(classname);
  } else {
    return (function getElementsByClass(searchClass,node) {
        if ( node == null )
          node = document;
        var classElements = [],
            els = node.getElementsByTagName("*"),
            elsLen = els.length,
            pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"), i, j;

        for (i = 0, j = 0; i < elsLen; i++) {
          if ( pattern.test(els.className) ) {
              classElements[j] = els;
              j++;
          }
        }
        return classElements;
    })(classname, node);
  }
}

وفي شيفرتك السابقه قم بتغيير

getelementbyid >> getElementsByClassName

لم أجرب الكود , جرب وقلي النتيجه :)

تم تعديل هذه المشاركة بواسطة بسام العيساوي في 24 يونيو 2012 في 04:35

CMS Sfhati , Website Generator


نظام إدارة المحتوى صفحتي ... جربه الآن 


 


small-logo.png

#4

الف شكر صديقي ...

اعتذر لاني كنت مسافر ..

جاري التجربة صديقي والرد هنا ..

كل الاحترام ..

#5

للاسف صديقي .. لم استطع استيعاب الموضوع تماما ..

فانا هاوي ولست خبيرا مثلك

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

ولحضرتك كل الاحترام والتقدير .....

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…