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. Чем эта статья действительно ли научить вас как разработать JavaScript галерея, которая опираясь на PHP скрипт - очень часто используется комбинация, когда пытаемся создать красивый и полезный галерее.
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 и JavaScript, или просто использовать HTML Атрибуты размера вы найдете себе с кучей низкое качество эскизов.
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 Использование поддельных Javascript для динамичного галереи
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. В целях создания динамических галереи от статического миниатюрами галереи можно использовать 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. Тем не менее, вы должны держать галереи даже для пользователей, которые не используют 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> <a href ="gallery/temp/img1.jpg"> <img src = "gallery/temp/img1_th.jpg" альт = "img1_th.jpg" / > </> </ л> <li> <a href ="gallery/temp/img2.jpg"> <img src = "gallery/temp/img2_th.jpg" альт = "img2_th.jpg" /> </> </ л> [... и так далее с эскизов…] </ ул> Now you can start creating a dynamic gallery using JavaScript! Теперь можно приступить к созданию динамических галерея используя JavaScript! Good luck! Удачи!
Related Articles - Yahoo Library with PHP | Create Own Del.icio.us Clone | Build Site like Reddit or Digg Похожие статьи - Yahoo библиотеки с PHP | Создать Собственные Del.icio.us Clone | Создание сайта, как Reddit и Digg
Javascript library Javascript библиотека
(No Ratings Yet) (Нет Рейтинги Еще) 
Loading ... Загрузка ... Links you may find interesting - Ссылки вы можете найти интересные -
- FastStone Image Viewer – A great program to view all your images at once and to use batch operations on them FastStone Image просмотра - большой программе для просмотра всех изображений на один раз и использовать пакетных операций по ним
- Learn JavaScript - Make user experience better with Client Side Scripting Дополнительная JavaScript - Марка пользователей лучше со стороны клиентов Сценарии
- How to use Wordpress as CMS ? Как использовать Wordpress как КМВ?
- What is Firefox Что такое Firefox
- How to Create Image Thumbnails with PHP using GD Library Как создавать графические эскизы с php с библиотекой GD
Post A Comment Пост Комментировать
