Галерея для сайта. Урок 4

Галерея для сайта

От автора: в этом уроке мы добавим к галерее постраничную навигацию (пагинацию). Пока что это будет классическая постраничная навигация в виде ссылок с номерами страниц, кликая по которым, пользователь переходит на следующую страницу с фотографиями. Текущая навигация будет работать с перезагрузкой страницы, но в следующих уроках мы добавим функционала AJAX, который будет получать картинки следующей страницы без перезагрузки страницы.

скачать исходникискачать урок

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

Итак, для начала возьмем из исходников предложенных уроков функцию пагинации и добавим ее в наш файл функций. Изменим лишь значение третьего параметра функции по умолчанию с true на false:

Бесплатный курс по PHP программированию

Освойте курс и создайте динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Также возьмем оттуда стилевое оформление будущей пагинации:

Нам остается лишь получить все необходимые параметры для работы функции пагинации и параметры для цикла, который будет выводить картинки галереи порционно. Здесь я приведу хорошо откомментированный код, который подробно объяснен в видео версии урока.

Этот участок кода добавляем сразу получения массива картинок:

И перепишем цикл вывода картинок, а также добавим вывод пагинации:

Вот, собственно, и все. Если все сделали правильно, то под картинками должны увидеть пагинацию в виде номеров страниц.

На этом мы завершим текущий урок. Удачи и до новых встреч!

Бесплатный курс по PHP программированию

Освойте курс и создайте динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Разработка веб-приложения на PHP

Создайте веб-приложение на PHP на примере приема платежей на сайте

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

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

  1. Алик

    Зачем так много php тэгов в index.php? Можно всё подвести под 1 тэг php?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree