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

Вывод изображения будет реализован с помощью библиотеки 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, именно поэтому разработку пользовательского модуля придется разбить на несколько постов.

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

Заключение

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

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

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

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