ديابوراما
سأشرح كيفية عرض الصور على طريقة jquery ما يسمى في اللغة الأميركية slideshow و في اللغة الفرنسية diaporama الفكرة هي عرض الصور بشكل مصغر و عندما ينقر المستخدم على صورة تظهر بحجم أكبر و يظهر للمستخدم سهم لتصفح الصور نحو الأمام و سهم لتصفح الصور نحو الخلف كما تستطيع تحديد الفترة الزمنية للإنتقال إلى الصورة التالية تلقائياُ
تستطيع مشاهدة النتيجة على هذا الرابط المهم أن نصل لنتيجة التالية معرض صور على طريقة Lightbox
هناك الكثير من الطرق للوصول إلى هذا الهدف في ما يلي طريقتي المفضلة
أولاً :
في البداية سأنشئ نوع محتوى جديد و اسميه معرض صور طبعاً و حدة Content Construction Kit شغالة عندي
ثانياً :
في هذا النوع الجديد سأنشئ حقل جديد بواسطة وحدة Imagefield وهي وحدة تعمل مع cck هنا تستطيع تحديد عدد الصور الممكن تحميله
ثالثاً :
لعرض الصور بشكل مصغر تحتاج لوحدة Imagecache و كما تعرف بواسطة هذه الوحدة تستطيع تحديد العمليات التي تريد تطبيقها على الصور
رابعاً و أخيراً :
تحتاج لوحدة Lightbox2 منشطة على موقعك
أصبح الآن بإمكانك و بإمكان مستخدمين موقعك إنشاء معارض الصور و عرضها على طريقة jqurey
طبعاً إذا كنت مستخدم مسجل على هذا الموقع تستطيع الضغط على رابط انشئ محتوى لكي تشاهد نوع المحتوى الجديد
بعد ذلك شوية CSS لتعديل الشكل العام لعرض الصور حسب موقعك على سبيل المثال على هذة الصفحة أضفت الكود التالي لملف CSS لتعديل العرض حسب الموقع
تستطيع مشاهدة النتيجة على هذا الرابط
- نسخة للطباعة
- سَجل الدخـول لإرسَــال تـَعلـيق.
