Крутая 3D галерея на jQuery на сайт с эффектом нахождения в комнате
Добро! Я уже несколько раз натыкался на эту галерею, но почему то не выкладывал ее. Эта галерея интересна тем, что имеет эффект 3D комнаты при перелистывании слайдов. Вы как-будто находитесь в настоящей комнате музея или картинной галереи. Слайдер представлен в двух версиях:
- В минималистичной белой комнате с серым полом и черно-белыми фотографиями в рамках.
- В комнате с винтажными красно-бордовыми обоями и деревянным полом с картинами в золотистых резных рамках.
Эффект у версий один и тот же: кручение по комнате.
Черно-белая 3D галерея на сайт
По моему личному мнению — этот стиль галереи симпатичнее, но смотря для чего делать. Если слайдер ставить на сайт фотохудожника, который занимается черно-белой фотографией — этот вариант идеальное решение. А если делать сайт какого-нибудь музея — то лучше обратить внимание на следующий вариант.
Мало того, что этот плагин красив, он еще и многофункционален. Навигация по слайдам осуществляется внизу. Стрелочки влево и вправо и иконки следов ботинок интуитивно подскажут как пользоваться галерей посетителю сайта. А если вы наведете на табличку под фотографией, то увидите иконку плюсика, которая подскажет, что на нее нужно нажать. Мы увидим, плавно появившуюся, увеличенную карточку с текстом о фотографии
Винтажная 3D галерея на сайт
Очень круто выполнен дизайн этой галереи. Винтажные красные обои, деревянный пол, резные золотистые рамки придают галереи шик и дороговизну. Я бы не стал ставить ее на обычный сайт, на котором дизайн кардинально отличается от галереи, но на сайте музея изобразительных искусств этот стиль смотрелся бы очень даже неплохо. Функционал и навигация в этом варианте абсолютно такие же, только отличается стиль увеличенной таблички с текстом
В архиве первая галерея это файл index.html, а вторая index2.html. Галерея отлично работает во всех современных браузерах, имеет адаптивную верстку (правда над ней нужно еще немного поработать). Смотрите «демо», качайте 3D галерею. Всем добро!
Комментарии ()