3D галерея на jQuery на сайт

Крутая 3D галерея на jQuery на сайт с эффектом нахождения в комнате

Добро! Я уже несколько раз натыкался на эту галерею, но почему то не выкладывал ее. Эта галерея интересна тем, что имеет эффект 3D комнаты при перелистывании слайдов. Вы как-будто находитесь в настоящей комнате музея или картинной галереи. Слайдер представлен в двух версиях:

  • В минималистичной белой комнате с серым полом и черно-белыми фотографиями в рамках.
  • В комнате с винтажными красно-бордовыми обоями и деревянным полом с картинами в золотистых резных рамках.

Эффект у версий один и тот же: кручение по комнате.

Черно-белая 3D галерея на сайт

Черно-белая 3D галерея на сайт

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

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

Черно-белая 3D галерея на сайт

 

Винтажная 3D галерея на сайт

Винтажная 3D галерея на сайт

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

Винтажная 3D галерея на сайт

В архиве первая галерея это файл index.html, а вторая index2.html. Галерея отлично работает во всех современных браузерах, имеет адаптивную верстку (правда над ней нужно еще немного поработать). Смотрите «демо», качайте 3D галерею. Всем добро!

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