Dobrovoi Master
сделано с душой
В состоянии постоянного подключения...

Photobox – CSS3 jQuery галерея изображений

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

Галерея Photobox выделяется из общей массы и своим размером, она довольно таки миниатюрна (всего 14кб без сжатия), при этом обладает отличной функциональностью, представляя миниатюры изображений в виде стены, где каждый элемент можно просмотреть по-отдельности в виде модального блока.
 

jQuery галерея изображений на CSS3

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

Галерея Photobox имеет широкий спектр настроек, с которыми вы можете подробно ознакомиться посетив сайт проекта. Экспериментируйте с параметрами в зависимости от того, как вы будете использовать галерею.

Требования: jQuery
Совместимость: Все современные браузеры
Оф-сайт: http://dropthebit.com/500/photobox-css3-image-gallery-jquery-plugin/

На десерт: Немного хорошей музыки — «Ewan Dobson и Zack Bevelacqua транс на гитаре+ударные»:
 

 

Всего комментариев: 6

  • Александр: 23 марта, 2013 в 11:21

    Скажите, пожалуйста:
    1. Правда ли то, что галерея весит всего 14кб без сжатия? Скачал photobox-master.zip и его вес составляет 323 Кб.
    2. Где можно найти инструкцию по установке и настройке? Подойдет любой вариант в случае отсутствия видео…
    Надеюсь, на ваши благоразумные ответы. Спасибо.

    Ответить
    • driver: 23 марта, 2013 в 20:31

      Ну ежели благоразумный ответ вам нужен, то правда, исполняющие файлы весят 14кб, или чуть более. В архиве фоновая картинка размером 302кб. Там же и краткая инструкция по установке и использованию прилагается. Более благоразумные ))) ответы найдете у разработчиков этой замечательной галереи: Тынц >>

      Ответить
      • Александр: 23 марта, 2013 в 21:29

        Спасибо за инфо- по весу ) Благоразумно однако ))
        driver, может немного расскажите как устанавливать данную галерею? Закинул скачанный архив в папку с плагинами. В админке в соответствующей вкладке ничего не появилось — никакого плагина (
        Я в этом деле не очень разбираюсь… Может не нужно заливать скачанный архив в папку plugins?
        С английским не на «ты», уже пытался читать коменты по ссылке, но, увы, ничего из этого не получилось. Убедительная просьба, не отсылать в хром или еще куда за переводом.
        Очень хочу данную галерею установить…
        У меня блог по современному искусству, посему такого рода галерея будет кстати.
        Если поможете, буду благодарен.

        Ответить
  • Александр: 23 марта, 2013 в 22:47

    Спасибо, вы кое-что прояснили… Буду пробовать.
    Скажите еще, пожалуйста, в какую папку заливать изображения? Например, у меня есть одна галерея, для которой в директории с темой создана папка «photo». В неё я помещаю изображения, специально упакованные по отдельным папочкам. Работает по принципу — для одно поста подключаю изображения из одной папки, для другого — из другой.
    Сорри, возможно я странно изъясняюсь. Не хватает знаний, чтобы объяснить как-то по-другому. Надеюсь, вы поняли, что я имею в виду.
    В этой галерее такой вариант предусмотрен (для разных постов задавать различные изображения) ?
    Если да, то как это реализовать, кроме как создать папку?
    P.S. Все-таки очень жаль, что в Рунете нет подробного поста на эту тему.

    Ответить
  • Dima: 22 ноября, 2015 в 18:09

    Доброго времени суток! Давно посещаю Ваш сайт, действительно много чего интересного и есть чему поучиться. И вот решил обратиться за помощью. Нашел очень нужную и интересную штуку «Photobox» но как с ним справиться до сих пор не понять, возможно ли Вас попросить разместить его установку поподробнее, у Вас это очень хорошо получается. Я так думаю это многим было бы полезно. Заранее спасибо.

    Ответить

Оставить комментарий

Ваш email не будет опубликован.

Вы можете использовать следующие HTML тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>