3 033 Gallery

Адаптивная галерея least.js

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

Адаптивная галерея least.js
841 Slider

Плагин микро галереи

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

Плагин микро галереи
2 437 Gallery

Фотогалерея на jQuery

Минималистичная фотогалерея на jQuery. Её можно использовать для показа своих работ или в качестве фотоальбома. А с помощью меню, можно сортировать фото/работы по категориям. Галерея кроссбраузерная, что позволит без труда адаптировать её под ваш сайт.

Фотогалерея на jQuery
1 564 Gallery

CSS3 фотогалерея

В этом уроке сделаем фотогалерею используя только CSS3. Вот с такими свойствами будем работать: user-select, box-sizing, transition, box-shadow и transform.

CSS3 фотогалерея
576 Slider

Галерея использующая z-index

В этой галерее мы будем комбинировать свойство z-index и мощь jQuery. Будем изменять значение z-index и тем самым пролистывать изображения, а jquery займется анимацией.

Галерея использующая z-index
870 Slider

Галерея ввиде портфолио

Навигация по фотографиям в портфолио с возможностью перемещаться вверх, вниз, влево или вправо. Используется jQuery.

Галерея ввиде портфолио
603 Slider

Прокрутка изображений на jQuery

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

Прокрутка изображений на jQuery
573 Slider

prettyGallery - слайдер

prettyGallery - очередной слайдер изображений с навигацией по слайдам. Внешне неказист, но оформить с помощью CSS можно всё что угодно.

prettyGallery - слайдер
1 305 Gallery

gpGallery - галерея

Очень простая галерея использующая jQuery. При наведении на миниатюру изображение увеличивается до исходного размера.

gpGallery - галерея
495 Slider

Слайдшоу из ячеек

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

Слайдшоу из ячеек