Появилась потребность в отображении фотографий, да и идея создать свой фотоблог еще появилась. В интернете существует множество скриптов LighBox, которые впринципе отлично справляются с задачей, встречал даже вещи, которые у меня вызывали восхищение. Все как-то не получается писать у меня о веб разработке или веб технологиях, то времени нет, то настроения, то еще чего не хватает. Может быть, если будет время, и найду тот скрипт, от которого я был в восторге, напишу небольшой обзор. А сейчас я хочу попробывать создать свой простенький скрипт LightBox. Это нужно мне, чтобы я точно представлял все этапы и как их реализовать, т.к. это возможно только реализовав идею, иначе это просто мысли, которые могут быть не истинными. Реализация это способ проверки. Делать эффект LightBox буду на полюбившейся мне библиотеке jQuery.

Идея. Как я себе это представляю

Реализацией я пока не занимался, сначала хочется все представить в голове, из чего это состоит и как это работает. Чем не точнее представляются все составляющие и схема взаимодействия составляющих, тем проще будет реализовать. Программирование это лишь отражение человеческой мысли, а мыслим мы все по-разному. Идея из чего состоит jQuery LightBox галерея:

  • Фон-подложка
  • Блок с фото и прочими данными
  • Элементы управления
  • Описания фото
  • Мета данные о кол-ве фото в галереи
  • Отлично было бы сделать комментарии к каждой фото, но это я не реализую... пока

С фоном-подложкой, думаю проблем не будет в моей галерей LightBox. Это просто контейнер/слой, который стоит поверх содержимого всего сайта и тянется по размерам на всю ширину и высоту рабочей области браузера, и не имеет прокрутки или имеет, если это требуется.

Блок с самой фотографией, органами управления и какими-то данными, я пока просто представляю, но как это реализовать лишь догадываюсь, т.к. тут есть несколько вариантов, который в моем случае боле правильный я пока не знаю. Буду пробывать.

Элементы управления тоже не представляют сложности. К ним относятся стрелки "вперед", "назад", кнопка "Выйти", возможно, кнопка "отобразить полноразмерную фотографию". В отдельных случаях какие-то дополнительные навороты, но это реализовать не буду.

Мета данные о количестве фото в галереи. Если пользоваться тем, что "есть", то я представляю как связать в галлерею только фотографии, которые находятся на странице, или на которые находятся ссылки на странице. Иначе это уже что-то немного более сложно. Если рассматривать wordpress, то как связать в 1 галлерею фотографии из разных постов, я пока не представляю, если использовать только jQuery. Комментарии для каждой фотографии, я думаю, реализую, но это уже частный случай, и это уже не только jQuery.

Как формируется галерея фотографий и как это все реализуется я пока точно не знаю, буду пробывать. Если что-то получиться, то думаю, буду пользоваться своим вариантом jQuery LightBox галереи. Свой код всегда понятнее и ближе.

Прочтите также: