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

 

Для начала нам необходимо загрузить скрипты и подключить их следующим образом:

После этого нам необходимо создать достаточно простую HTML разметку для данной галереи, и подключим элементы tj_prev и tj_next для навигации.

Плагин имеет параметры, которые можно подправить в зависимости от необходимости, вот некоторые из них:

 

Затем вызываем плагин с параметрами (в примере кода представлены значения по умолчанию):

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

Читайте также: