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

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

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

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

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

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

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

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

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

 

Google Bookmarks News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !

6 комментариев
  1. Александр says:

    Скажите, пожалуйста:

    1. Правда ли то, что галерея весит всего 14кб без сжатия? Скачал photobox-master.zip и его вес составляет 323 Кб.

    2. Где можно найти инструкцию по установке и настройке? Подойдет любой вариант в случае отсутствия видео...

    Надеюсь, на ваши благоразумные ответы. Спасибо.

    Ответить
    • driver says:

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

      Ответить
      • Александр says:

        Спасибо за инфо- по весу ) Благоразумно однако ))

        driver, может немного расскажите как устанавливать данную галерею? Закинул скачанный архив в папку с плагинами. В админке в соответствующей вкладке ничего не появилось — никакого плагина (

        Я в этом деле не очень разбираюсь... Может не нужно заливать скачанный архив в папку plugins?

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

        Очень хочу данную галерею установить...

        У меня блог по современному искусству, посему такого рода галерея будет кстати.

        Если поможете, буду благодарен.

        Ответить
        • driver says:

          Александр.

          Не нужно весь архив заливать в папку с плагинами, это вам ничего не даст, так как галерея эта, не специальный плагин для wp. Вам необходимо папку photobox-master, поместить например, в директорию с вашей темой. Изменить содержание файла index.html на свое(убрать все лишнее и чужие ссылки), ориентируйтесь по образчику в примере на сайте разработчика(html разметка блока изображений т.д). Затем выставляете на своем сайте правильную ссылку на галерею и любуетесь проделанной работой.

          Удачи!

  2. Александр says:

    Спасибо, вы кое-что прояснили... Буду пробовать.

    Скажите еще, пожалуйста, в какую папку заливать изображения? Например, у меня есть одна галерея, для которой в директории с темой создана папка «photo». В неё я помещаю изображения, специально упакованные по отдельным папочкам. Работает по принципу — для одно поста подключаю изображения из одной папки, для другого — из другой.

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

    В этой галерее такой вариант предусмотрен (для разных постов задавать различные изображения) ?

    Если да, то как это реализовать, кроме как создать папку?

    P.S. Все-таки очень жаль, что в Рунете нет подробного поста на эту тему.

    Ответить
  3. Dima says:

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

    Ответить
Присоединяйтесь к обсуждению!

Отправляя кoммeнтapий, Вы автоматически принимаете правила кoммeнтиpoвaния на этом блоге.

Правила кoммeнтиpoвaния на блоге Dobrovoimaster:

  1. Во избежание захламления спамом, первый кoммeнтapий всегда проходит премодерацию.
  2. В поле "Ваш сайт" лучше указывать ссылку на главную страницу вашего сайта/блога. Ссылки на прочую веб-лабуду (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Не используйте в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия, имя изменяю на свое усмотрение. Просьба указывать нормальное имя или ник.
  4. Скорее всего, что не информативный и короткий кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.
  5. Комментарии не по теме безжалостно удаляются.

Подписаться не комментируя

Обновления комментариев по RSS RSS комментариев к этой записи »
Рейтинг@Mail.ru