If you're new here, you may want to subscribe to our RSS feed as well as to our NewsLetter (on Top Right hand menu) to get highly informative articles weekly...and NO, we never spam! اذا كنت جديدا هنا ، قد تريد الانضمام الى جهودنا الغذاء ار اس اس وكذلك لدينا الاخباريه (اليد اليمنى على رأس القائمة) للحصول على الغني بالمعلومات ومقالات اسبوعية... لا نحن غير مرغوبة ابدا!
What this article will actually teach you Is how to develop a JavaScript gallery that is backed up by a PHP script – a very often used combination for when trying to build up a nice and useful gallery. ما هذه المادة فعليا تعليم لكم كيفية وضع جافا سكريبت معرض هذا هو مدعومه بي. اتش. بى النصي - وغالبا ما تستخدم للمجموعة عندما تحاول ان تنشئ لطيفة ومفيدة الشرفه.
What is a thumbnail gallery? ما هو معرض مصغر؟
Of course, before starting anything we need to know what exactly a thumbnail gallery is and what it is useful for (or in more popular terms – what does it do?). بالطبع ، قبل ان يبدأ اي شيء نحن بحاجة الى ان نعرف بالضبط ما هو معرض مصغر وما هو مفيد لل(أو الأكثر شعبية - حيث ماذا نفعل؟) . Remember when web browsers have just started supporting images and web connections speeds were so slow that we were measuring them in single kilobits? عندما نتذكر متصفحات الويب قد بدأت لتوها دعم الصور وصلات الانترنت بسرعة بطيءه جدا التي كنا عليها في قياس واحد الكيلوبت؟ Of course you do. بالطبع عليك. Now, the job of a thumbnail gallery was, and still is to display several smaller previews of the original images. الآن ، لعمل معرض مصغر كان وما زال لعرض عدة أصغر من الاصل معاينه الصور.
Smaller not only in dimensions but also in file size – this is even more important. ليس فقط في أصغر الأبعاد ولكن ايضا في حجم الملف - وهذا هو الأهم. This would mean that anyone who would visit the gallery would not be required to download all images, but only the one that he needs or wants. وهذا يعني ان أي شخص يزور المعرض لن تكون هناك حاجة لتحميل كل الصور ، ولكن احد فقط انه يحتاج أو يريد. This saves you server traffic, and him, time. وهذا يوفر لك خدمة الحركة ، وعليه الزمن. The problem occurs when most of these thumbnail galleries fail to do exactly this – avoid making the user download all the files. المشكلة عندما يقع معظم هذه المعارض المصغره لم يفعل ذلك بالضبط - تجنب جعل مستخدم تنزيل كل الملفات. Even more, if you resize your images using CSS and JavaScript, or you simply use HTML attributes for resizing you will find yourself with a bunch of low-quality thumbnails. اكثر من ذلك ، اذا قمت بتغيير حجم صورك باستخدام CSS وجافا سكريبت ، أو أنك ببساطة استخدام لغة تأشير النص الفائق سمات ريسيزينج ستجد نفسك مع مجموعة من نوعية متدنيه اظافر الابهام.
In order to avoid this, and offer thumbnail galleries as they should like, you will need to create smaller pictures of the large images that you intend to put in your gallery. وتفاديا لذلك ، وصالات العرض المصغره كما أود ، عليك ايجاد الصور أصغر من الصور الكبيرة التي تعتزمون تضع في حسابك الشرفه. There are several ways to do this – through a batch process before you upload the gallery or simply using a script on the server. هناك عدة طرق للقيام بذلك من خلال حزمة من قبلكم عملية تحميل الشرفه او مجرد استخدام الكتابة على الخادم.
Using Javascript to fake dynamic galleries باستخدام جافا سكريبت لديناميه صالات المزيف
Nowadays static galleries are rather boring, so go for dynamic galleries. صالات الايام ساكنة بل هي ممله ، حتى يذهب لصالات ديناميه. In order to create a dynamic gallery from a static thumbnail gallery you can use JavaScript. من اجل خلق ديناميه من شرفة جامدة المصغره غاليري يمكنك استخدام جافا سكريبت. You will turn it into a dynamic gallery by simply applying to all thumbnails a series of event handlers. انكم سوف يتحول الى ديناميه غاليري بمجرد تطبيق جميع اظافر الابهام سلسلة من الاحداث عمال. Still, you should keep the gallery even for users that do not use JavaScript. ومع ذلك ، يجب ان يبقى المعرض حتى للمستخدمين ان لا تستخدم جافا سكريبت. Use the script below: استخدام النص التالي :
<ul id =”thumbnails” > <li> <a href =”gallery/temp/img1.jpg” > <img src =”gallery/temp/img1_th.jpg” alt =”img1_th.jpg”/ > </a> </li> <li> <a href =”gallery/temp/img2.jpg” > <img src =”gallery/temp/img2_th.jpg” alt =”img2_th.jpg”/ > </a> </li> [… and so on with the thumbnails …] </ul> <ulالهوية ="thumbnails"> <li><ahref ="gallery/temp/img1.jpg"> <img src = "gallery/temp/img1_th.jpg" البديل = "img1_th.jpg" / > </ أ> </ لى> <li><ahref ="gallery/temp/img2.jpg"> <img src = "gallery/temp/img2_th.jpg" البديل = "img2_th.jpg" /> </ أ> </ لى> [... وهلم جرا مع أظافر الابهام…] </ UL> Now you can start creating a dynamic gallery using JavaScript! الآن يمكنك البدء خلق ديناميه غاليري باستخدام جافا سكريبت! Good luck! حظا سعيدا!
Related Articles - Yahoo Library with PHP | Create Own Del.icio.us Clone | Build Site like Reddit or Digg مقالات ذات علاقة - ياهو مكتبه بي. اتش. بى | تخلق نفسها فوقه نسخة | مثل بناء موقع أو digg reddit
Javascript library جافا سكريبت المكتبهLinks you may find interesting - روابط قد تجد الاهتمام -
- Learn JavaScript - Make user experience better with Client Side Scripting تعلم جافا سكريبت - جعل تجربة المستخدمين بشكل أفضل مع العملاء الجانب الكتابة
- How to use Wordpress as CMS ? كيفية استخدام برس باعتبارها مكون؟
- How to Create Image Thumbnails with PHP using GD Library كيف تصنع صورة اظافر الابهام مع بي. اتش. بى باستخدام ش ج المكتبه
- What is Firefox ما هو فايرفوكس
- Create Drop Down Menu using YUI (Yahoo User Interface) Library ايجاد تظهر القائمة المنسدله باستخدام yui (ياهو اجهة المستخدم (المكتبه




























