Теория работы пользовательского модуля галереи

 

Доброго всем времени суток. Спасибо что заглянули на мой блог. Сегодня, будучи в очень опечаленном состояние, я решил поговорить с Вами о теории реализации пользовательского модуля галерей подробнее, нежели я о нем упомянул в посте "Теория работы модуля галереи". Прошу извинить меня, мне необходимо сейчас чем то заняться, а описание технического момента нуждается в полной ясности ума, с чем у меня сейчас проблема :'(

Тем не менее этот пост будет полезным для общего понимания как все устроенно. По умолчанию модуль будет иметь один способ вывода изображений. Этот способ не самый хороший, но он лучше чем обычное открытие картинки в новом окне.

 

 

Вывод изображения будет реализован с помощью библиотеки jquery, прием такого рода часто используется для придания красивой фишки на страницах сайта, поэтому эти несколько постов которые я опишу, будут для Вас очень полезными, поэтому подпишитесь на RSS ленту блога через ридер, или же по почте, так Вы точно не пропустите пост где мы будем реализовывать эффект вывода изображения.

Кстати, на странице "Об Авторе" Вы можете посмотреть результат, который мы получим в конце этого мини цикла, по реализации пользовательского модуля галереи для глобального цикла "Создать блог с нуля"

Но все по порядку. Для начало теория, а уже потом практика.

 

Как все работает?

 

Начинается все в файле index.php. В этом файле появится проверка, есть ли в тексте код-слова вида: [RSBLOGgal=1]

Если такие код слова имеются, то запускается алгоритм обработки:

  • Первым делом код слово [RSBLOGgal=1] чистится от лишних букв, оставляя только число
  • После, по этому число, из базы данных выводится все изображения
  • Формируется таблица с изображениями. По 4 изображения в строчке.
  • Этот html код заменяет код-слово [RSBLOGgal=1], таким образом конечный пользователь вместо не понятных букв видит табличку с изображениями

Фокус весь в том, что на стадии формирования кода к тегам <img> будет цепляться обработчик событий onClick который позволит по щелчку мыши показывать специально подготовленный блок. Этот блок будет состоять из 3-х дивов.

  • В первом будет выводится большое изображение
  • Во-втором будет выводится заголовок
  • В третьем будет выводится описание изображение

Вся нужная информация (которую необходимо будет вставить в спец блок) будет содержаться в обработчике событий onClick, вот пример уже с генерированного тега.

<img onclick="galery('Блог RS','Проект, которым я сейчас занимаюсь в плотную, долгой и процветающей ему жизни =)','../galery/big/big_1503569314.jpg',0);" class="galeryIMG" src="/galery/mini/small_1503569314.jpg" border="0px">

Алгоритм поиска, генерации, и вывода мини изображений на экран не самое сложное. Самое сложное это функция на JS, именно поэтому разработку пользовательского модуля придется разбить на несколько постов.

Для закрепление теории прошу взглянуть на схему работы модуля

работа пользовательского модуля galery.php

 

Заключение

 

Пожалуй на сегодня достаточно, небольшой пост, но тем не менее довольно полезный для понимания как мы будет делать пользовательский модуль.

В следующем посте мы с Вами начнем подготавливать шаблоны, и напишем алгоритм поиска код-слов. Функцию JS мы оставим на потом, или же я ее включу в следующий пост, все будет зависеть от моего психологического состояния.

Если Вам интересно то, что я пишу, то обязательно подпишитесь на RSS ленту блога через ридер, или же по почте

Всего Вам наилучшего! У меня Все!

 

Возможно Вам будут интересны следующие заметки

Комментарии (0)

Ваше имя *
Сайт
Ваш E-mail *
Ваше сообщение *
 
К данной статье пока нет комментариев.