Ноя
8

Всплывающее изображение в WordPress с помощью плагина Simplebox

Плагин Simplebox, давно ставший уже классикой в своем роде, позволяет добавлять эффект “всплывания” для изображений на страницах или в записях блога. Иногда бывает, что данный эффект нужно применить не ко всем изображениям сайта, а лишь к одному или нескольким, выбранные вами. Подобные плагины, как правило, громоздки и содержат кучу настроек, да и, что там скрывать, дополнительно нагружают сайт или блог. Плагин Simplebox написан исключительно только на Javascript, что уже говорит о том, что он практически не создает никакой нагрузки для вашего ресурса. Установка плагина не отличается от установки каких-либо других плагинов для WordPress, поэтому не должна вызвать у вас затруднений. После активации плагина, вы не найдете в своей панели администрирования раздела для его настройки, ведь их попросту нет.

Но для начала давайте посмотрим, как будет выглядеть эффект всплывания изображения после применения к нему плагина Simplebox. Ниже вы видите изображение, оно кликабельно, нажмите на него, чтобы просмотреть эффект всплывания.

Так как мы уже выяснили, что плагин как таковых настроек не имеет, давайте разберем, при помощи чего его можно заставить работать так, как положено. Все дело в атрибуте rel=”simplebox”, который мы должны добавить в ссылку на изображение, тем самым передавая его под управление плагина. Для этого откройте вкладку HTML редактора, найдите нужное вам изображение и в теге ссылки пропишите этот атрибут.

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

Таким образом, с помощью этого плагина можно создать эффект всплывания любому количеству, а главное нужных вам изображений. Так же плагин может группировать изображения для создания галереи. Для этого в ссылках изображений, которые вам необходимо сгруппировать добавьте атрибут rel=”simplebox_group”.

В результате этого у изображений появятся элементы навигации, с помощью которых можно будет перемещаться по изображениям в галерее. Не забывайте, что в галерею будут включены только те изображения, в ссылках которых указан атрибут rel=”simplebox_group”.

VN:F [1.9.16_1159]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.16_1159]
Rating: 0 (from 0 votes)

Понравилась статья? Поделитесь ею в социальных сервисах!

Подпишитесь на обновление блога!

Ваш e-mail:

Понравилась статья? Вы не хотите пропускать новые статьи, посвященные Wordpress? Тогда подпишитесь на RSS или на электронный ящик и получайте новые статьи мгновенно! Также можете следить за мной в Twitter.

14 комментариев к “Всплывающее изображение в WordPress с помощью плагина Simplebox”

  • Нет аватара
    rambomzh 13.11.2011 в 21:34

    Установил на блог, действительно работает. Благодарю за информацию.

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
  • Нет аватара
    Евгений 26.11.2011 в 14:19

    Установил, огромное спасибо, отличная вещь!

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
  • Нет аватара
    Владимир 17.12.2011 в 21:49

    Спасибо за инфо, супер штука иду пробовать. Удачи.

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
  • Нет аватара
    Влад 31.01.2012 в 23:32

    Отличная штука!

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
  • Нет аватара
    novichek 10.02.2012 в 14:10

    A можно этим плагином за одной картинкой спрятать галерею? и если галерей на странице несколько как он их отличает?

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
    • Нет аватара
      Vadimon 10.02.2012 в 22:38

      Несколько галерей нельзя сделать с помощью этого плагина.

      VN:F [1.9.16_1159]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.16_1159]
      Rating: 0 (from 0 votes)
  • Нет аватара
    novichek 10.02.2012 в 18:54

    как создать несколько галерей на одной странице?

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
    • Нет аватара
      Vadimon 10.02.2012 в 22:38

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

      VN:F [1.9.16_1159]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.16_1159]
      Rating: 0 (from 0 votes)
  • Нет аватара
    Алексей 28.02.2012 в 13:15

    Хотел всплывающие изображения, на свой сайт. Его только делаю, последняя версия WordPress 3.1.1. Перепробовал несколько плагинов, не работали.. Поставил Simplebox, ура, работает! Но оказалось, что в Explorer 8 не работает. В других браузерах – нормально. Отключил всплывающие окна на всякий случай – все равно не работает. А так как большинство все же пользуются Эксплорером, то как-то грустно.
    Что посоветуете?

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
    • Нет аватара
      Vadimon 22.03.2012 в 18:03

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

      VN:F [1.9.16_1159]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.16_1159]
      Rating: 0 (from 0 votes)
  • Нет аватара
    Odrean 06.03.2012 в 15:44

    Все супер! Но иешках не работает.

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
    • Нет аватара
      Vadimon 22.03.2012 в 18:02

      Согласен. Разработчик плагина, видимо, не предусмотрел кроссбраузерный вариант для IE.

      VN:F [1.9.16_1159]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.16_1159]
      Rating: 0 (from 0 votes)
  • Нет аватара
    Игорь 24.05.2012 в 22:10

    Мне больше всего для этих целей нравится плагин Auto Highslide.

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
  • Нет аватара
    Alf 28.09.2012 в 20:00

    Не работает. (( Подскажите, что должно быть в шаблоне, чтобы этот плагин заработал? Старенькая тема используется http://wordpress.org/extend/themes/devart – может что-то нужно добавить в functions.php? Спасибо.

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)

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

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

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

Блог про wordpress и все, что с ним связано – возможности системы, секреты и хаки, плагины, шаблоны, оптимизация, seo, безопасность и т.п. Проект для начинающих и продвинутых пользователей.

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога по E-mail:

E-mail:

Последние комментарии

Друзья проекта