mojwp.ru
Назад

Всплывающие изображения с затемненным фоном

Опубликовано: 23.08.2011
99
4318

настройка FancyBox for WordPressПлагин для красивой демонстрации изображения. В отличие от "легкого" WP-lightpop, FancyBox for WordPress обладает большими возможностями по настройке.

Если честно - то мне понравился этот плагин. В итоге установил его на один из проектов.

Вкратце, возможности FancyBox for WordPress:

  • полностью меняем дизайн;
  • выбираем анимацию (скорость, откуда будет вылетать и куда возвращаться);
  • выбираем размеры, с каким будет появляться;
  • есть возможность следования за прокруткой;
  • подключение галереи;
  • и прочее.

Посмотреть, как работает плагин на стандартных настройках можете Здесь.

Качаем плагин с официального репозитория по ссылке в конце статьи и устанавливаем. К слову: лучшие плагины WordPress располагаются именно там. Кто не знает как установить, читаем Инструкция по установке плагина WordPress. Все что останется сделать, это активировать FancyBox.
[infob name="Внимание!"]

Главное, чтобы ваша картинка была обернута ссылкой на саму себя!!! Т.е. она стояла в теге:
<а href="путь до картинки">картинка</a>

Если что-то не работает - читайте комментарии, т.к. там можно найти много полезных советов

[/infob]

Если же вы хотите настроить плагин под дизайн своего сайта, то у вас все карты на руках. Идем Настройки (Параметры) - Fancybox for WP. Далее предлагаю Вам вольный перевод от меня:

1. Закладка Appearance Settings (basic)

  • Show Border (default: off) - показывать рамку, либо нет (по умолчанию отключена);
  • HTML color of the border (default: #BBBBBB) - цвет рамки (по умолчанию #BBBBBB);
  • Show Close button (default: on) - показывать, или нет, кнопку Закрыть (по умолчанию включена);
  • Close button position - выбираем с какой стороны будет расположена кнопка Закрыть;
  • HTML color of the padding (default: #FFFFFF) - выбираем цвет для внутреннего отступа картинки (по умолчанию белый). Простыми словами - цвет рамки от внешнего контура до картинки;
  • Padding size in pixels (default: 10) - устанавливаем размер отступа от внешней рамки до картинки;
  • Overlay Options - настройки наложения, заднего затемненного фона (здесь все, как в предыдущих пунктах);
  • Show Title - показывать или нет название картинки ( по умолчанию включено).

2. Закладка Animation Settings (basic)

  • Zoom Options - настройки приближения;
  • Change content transparency during zoom animations (default: on) - Изменение прозрачности анимации во время приближения;
  • далее 3 пункта по настройке времени появления и исчезания при приближении, а так же время при навигации по галерее (время перехода между картинками);
  • Easing - здесь мы выбираем из представленных 30 шаблонов анимации для появления и исчезания картинки.

3. Закладка Behavior Settings (medium)

  • Auto Resize to Fit - автоматически сделает изображение нужного размера, чтобы влазило в окно монитора (по умолчанию включено);
  • Center on Scroll - удерживать изображение в центре монитора при прокрутке или нет (по умолчанию включено);
  • Close on Content Click - закрыть изображение, при щелчке мышью на картинке (по умолчанию выключено);
  • Close on Overlay Click - закрывать картинку, при нажатии мышкой по затемненному фону или нет (по умолчанию включено);
  • Close with "Esc" - закрывать картинку по нажатию ESC или нет (по умолчанию включено).

4. Закладка Gallery Type

  • Make a gallery for all images on the page (default) - делаем галерею для всех изображений поста (по умолчанию);
  • Do not group images in gallery automatically (use this if you want to make galleries manually with the REL attribute) - Не группировать изображения в галерее автоматически (делается вручную, с применением атрибута REL);
  • Make a gallery for each post (will only work if your theme uses class="post" on each post, which is common in WordPress) - сделать галерею для каждой статьи (будет работать только если ваша тема использует class= "post" в каждой статье, который является общим в WordPress);
  • Use a custom expression to apply FancyBox - использовать пользовательские настройки для галереи FancyBox.

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

Если все перечисленное Вам понравилось, то качаем и устанавливаем.
[downpg wp="2.8 или выше" vp="2.9" href="http://wordpress.org/extend/plugins/fancybox-for-wordpress/"]Скачать плагин FancyBox for WordPress[/downpg]

Всем позитивного настроения и не бояться трудностей. Муза статьи.

Автор:
Виталий
Поделиться
Похожие записи
Черкани пару строк
  • Простой
    Опубликовано: 06.09.2011 Ответить на сообщение

    А этот плагин разве не сильно грузит сайт?

    • mojvit
      Опубликовано: 06.09.2011 Ответить на сообщение

      сильной разницы между fancy и тем, что стоит на этом сайте, не увидел.
      Можете попробовать погонять на своем сайте. статья Хаки WordPress – узнаем время загрузки и кол-во запросов страницы Вам в помощь.

  • Видеограф
    Опубликовано: 01.12.2011 Ответить на сообщение

    Помогите пожалуйста. Не могу найти в настройках, что появлялись стрелочки вправо и влево:-)

    • mojvit
      Опубликовано: 03.12.2011 Ответить на сообщение

      не в настройках дело
      скорее в jQuery или версии WP
      обновите все до последней и переустановите плагин

  • Алексей
    Опубликовано: 13.12.2011 Ответить на сообщение

    Здравствуйте! Помогите пожалуйста:
    В общем установил плагин просмотра изображений FancyBox for WordPress и у меня появилась такая надпись сверху (на сайте включая и в админ панели) , TS_DOMAIN)); register_nav_menu( ). prettyPhoto ; if(!ts_get_option(, array(.$label.
    Как это можно убрать и вообще в чём произошла ошибка?
    П.С. prettyPhoto - это встроенный в шаблон просмотрщик изображений, я его отключил. Посмотреть можно на сайте ///
    Хотя устанавливал то же самое на другом сайте, там всё в порядке.
    За ранее спасибо!

    • mojvit
      Опубликовано: 13.12.2011 Ответить на сообщение

      так все же работает на Вашем сайте
      хватит спамить

      • Алексей
        Опубликовано: 13.12.2011 Ответить на сообщение

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

  • Аарон
    Опубликовано: 20.12.2011 Ответить на сообщение

    можно ли использовать этот плагин не для записей, а для сайдбара

    • mojvit
      Опубликовано: 20.12.2011 Ответить на сообщение

      насколько я понимаю, Вы хотите разместить картинки в сайдбаре, и чтобы они открывались fancybox? Так достаточно установить этот плагин и обернуть картинку ссылкой на саму себя и все будет.
      Если я не правильно Вас понял, то уточните что имели ввиду.

  • RusTaec
    Опубликовано: 17.01.2012 Ответить на сообщение

    Пожалуйста, поясните с примером, что значит "обернуть картинку ссылкой на саму себя".
    Как мне задать такую ссылку?
    Возможно из-за этого плагин не работает на моем блоге?

    • mojvit
      Опубликовано: 17.01.2012 Ответить на сообщение

      К примеру:
      когда Вы загружаете картинку на сайт, Вам форма предлагает ввести ее имя, альтернативное имя, описание, ССЫЛКА, Выравнивание и прочее. Вот именно в поле ССЫЛКА следует оставить с ссылкой (обычно по умолчанию), либо поставить (кнопка Ссылка на файл под этим полем).
      Если же картинка уже загружена на сайт, то ее нужно лишь обернуть в ссылку на саму себя большего размера (если это нужно). Выводит картинку тег IMG. Вот его и нужно обернуть в тег А, где адресом ссылки будет путь до картинки.

      Т.е. мы оборачиваем картинку в ссылку, на саму себя. Притом на сайте будет размером меньше (например постер Железный человек 3 - здесь я сам выбрал размер), а при клике раскроется в полном размере. Пробуйте. Только на собственном опыте можно научиться. В крайнем случае - тикеты на сайте.

  • Десятин
    Опубликовано: 27.02.2012 Ответить на сообщение

    Долго мучился, но не заработал у меня это плагин. 🙁
    Поставил Некстген-галерею, этот сразу пошёл.

    • mojWP
      Опубликовано: 27.02.2012 Ответить на сообщение

      - проверьте версию wp.
      - так же проверьте, что не стоят другие плагины галерей, т.к. может конфликтовать.
      - если работает плагин кеша, то попробуйте его отключить на время и протестировать Fancy.
      - Если все это не помогает, то в настройках плагина FancyBox в закладке Troubleshooting поставить галочку напротив Do not call jQuery.

      Если все перечисленное не помогло, то в закладке Miscellaneous ставим галочку напротив Load JavaScript in Footer, после чего плагин благополучно заработает на Вашем сайте. Всему виной будет параллельная работа двух плагинов (fancy и еще какого-то у Вас).

      • Александр
        Опубликовано: 30.04.2014 Ответить на сообщение

        Огромнейшее спасибо, помогла галочка в Miscellaneous

    • Захар
      Опубликовано: 15.03.2012 Ответить на сообщение

      Если еще актуально, то попробуйте сбросить настройки fancybox. (белая кнопка внизу вкладки info в настройках плагина).

      • oil
        Опубликовано: 12.04.2012 Ответить на сообщение

        Спасибо, помогло.

  • Игорь
    Опубликовано: 05.04.2012 Ответить на сообщение

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

    • mojWP
      Опубликовано: 05.04.2012 Ответить на сообщение

      скиньте пример сайта в личку.

  • Александр
    Опубликовано: 08.04.2012 Ответить на сообщение

    Сделал Revert to defaults и всё заработало.

  • Александр
    Опубликовано: 13.06.2012 Ответить на сообщение

    Добрый день !Скажите пожалуйста, а как можно вынести рекламмы или что-то другое за пределы шаблона ? Вот как у Вас

    • Виталий
      Опубликовано: 13.06.2012 Ответить на сообщение

      Добрый день.
      За пределами шаблона пустота и космос.
      Уточняйте, за пределы какого элемента (части) сайта

  • Wasileff
    Опубликовано: 24.06.2012 Ответить на сообщение

    Что-то не нашел в настройках - а есть возможность отображать изображение не посередине, а справа или слева? Оч-чень бы пригодилось.

    • Виталий
      Опубликовано: 25.06.2012 Ответить на сообщение

      в настройках плагина не найдете. Ищите в файлах стилей плагина абсолютное положение картинки.

  • Denis
    Опубликовано: 24.06.2012 Ответить на сообщение

    Хороший плагин для вывода картинок, я его почти в самом начале поставил на свой блог. Искал подобные, но из все них лучшим оказался этот.

  • Анастасия
    Опубликовано: 30.06.2012 Ответить на сообщение

    У меня некстген галерея стоит, но мне все меньше она нравится. Надо попробовать один из этих. Тут настроек много - красота, есть где разгуляться, но второй - полегче ведь будет?)) Буду размышлятЬ, чего мне нужнее.. Спасибо 🙂

    • Анастасия
      Опубликовано: 30.06.2012 Ответить на сообщение

      Не могла не написать - Мышь из видео это нечто! Спасибо за заряд позитивных эмоций 😀

  • Александр
    Опубликовано: 08.07.2012 Ответить на сообщение

    Всем привет!
    Админу респект, мы с ним только что общались на другой странице.

    Итак дело в следующем:
    Я размещаю на своем сайте подборку фотографий, все они размещены одна за одной, размер у них 500хна сколько-то, больший размер в ширину не помещается из-за шаблона, а реальный размер картинки например 1024х734, и она у меня на винте, мне хочется чтобы при клике по фотографии она плавно, а можно и не плавно, увеличивалась до своего реального размера (1024х734), а при повторном клике занимала исходное положение и размер (500х???).
    Так вот после прочтения руководства и комментариев по поводу плагина FancyBox for WordPress, у меня создалось впечатление, что это будет выглядеть как галерея из миниатюр? (Я как-то не хочу экспериментировать с установкой плагинов, чтобы посмотреть как это будет выглядеть - лучше спросить совета у людей знающих)
    А мне бы этого не хотелось.
    Если из моего описания понятно - что я хочу и какой эффект мне нужен, то может быть мне лучше использовать плагин WP-lightpop?
    И если я установлю любой из этих плагинов, то картинку какого размера мне вставлять в пост (логика подсказывает, что 1024х734, но ведь она же "нэ лэзэ"), кто из этих неразлучных друзей - плагин или WordPress, будут отвечать за изменения размера изображения?
    Сумбурно малость 🙂
    Для начала подскажите - какой плагин мне лучше использовать?
    Спасибо

  • Виталий
    Опубликовано: 08.07.2012 Ответить на сообщение

    если правильно понял, то нужно, чтобы на странице была картинка 500*n пикселей, а при открытии оригинальный размер. При этом все сделать гармонично по странице + уменьшить скорость загрузки страницы, за счет меньшего "веса" картинок (когда их много, это существенно сокращает время загрузки).

    Делается так:
    1. Берем картинку А и делаем ее дубликат.
    2. Дубликат картинки А делаем размера 500*n (Photoshop, или IrfanView)
    3. Закачиваем на страничку картинку А размером 500*n и картинку А оригинального размера.
    4. В статье размещаем картинку А 500*n и оборачиваем ее в ссылку на картинку А оригинального размера.

    Что мы имеем по итогу:
    1. На странице все смотрится гармонично, т.к. выбираем нужный размер картинки.
    2. При клике на копию открывается оригинал (не теряется качество для посетителя/клиента)
    3. Скорость загрузки страницы в разы выше, т.к. сразу загружаются уменьшенные копии, а "тяжелый" оригинал только по желанию посетителя. Положительно для поисковиков.

    Если я не правильно понял проблему, то отпишите на почту, или через форму обратной связи (справа на сайте плавающее окошко)

  • kip
    Опубликовано: 20.07.2012 Ответить на сообщение

    спасибо за перевод 🙂

  • Алина
    Опубликовано: 03.09.2012 Ответить на сообщение

    Здравствуйте. Подскажите пожалуйста, есть ли в этом плагине такие настройки, чтобы при открытии определнной фотографии на фотосайте, при нажатии правой кнопки мышки - свойства изображения не отображалиь данные о файле (камера, выдержка, время, исо и т. д.)? Если нет, то подскажите пожалуйста, какой плагин выбрать, чтобы были именно такие настройки. Заранее спасибо.

    • Виталий
      Опубликовано: 03.09.2012 Ответить на сообщение

      добрый. подобных настроек в тестируемой версии плагина нет.
      но могу подсказать программу, которая уберет это на компьютере: IrfanView.
      Открываете ей любую фотку, нажимаете Сохранить (CTRL+S) и убирайте в колонке справа галочки с нужных пунктов. Должна решить вашу проблему

  • Денисычь
    Опубликовано: 18.10.2012 Ответить на сообщение

    Перелопатил штуки 3 плагина - корявые оказались (или руки у меня корявые).
    - lightbox plus
    - wp-sexylightbox
    - PrettyPhoto Zoom

    Эту поставил, не нажал ни одной кнопки настроек и уже работает.
    плагин годится! буду ставить по умолчанию

  • Вячеслав
    Опубликовано: 27.11.2012 Ответить на сообщение

    Здравствуйте! Перепробовал все, что только можно, но картинка открывается в новом окне, без всяких эффектов 🙁 Подскажите, пожалуйста, где у меня руки кривые? 😉 Заранее спасибо!

    • Виталий
      Опубликовано: 27.11.2012 Ответить на сообщение

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

      • Вячеслав
        Опубликовано: 28.11.2012 Ответить на сообщение

        Настройки сбрасывал, плагин переустанавливал, темы менял - не помогает. Попробовал этот плагин на своем основном сайте - все работает без проблем! Пока временно использую Viva Thumb Zoom, но это не то, что мне нужно 🙁 Может какой-то другой плагин мешает? Может WP может полностью переустановить?

        • Виталий
          Опубликовано: 28.11.2012 Ответить на сообщение

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

          • Вячеслав
            Опубликовано: 28.11.2012 Ответить на сообщение

            Спасибо за советы и поддержку! 😉 Путем выключения ВСЕХ плагинов и поочередного последовательного включения выяснилось, что конфликт с плагином-слайдером страниц AnythingSlider...

  • Oxygen
    Опубликовано: 13.01.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 14.01.2013 Ответить на сообщение

      данный плагин и использую по всем сайтам

  • Турист
    Опубликовано: 16.01.2013 Ответить на сообщение

    Виталь, добрый день! А у меня нет в параметрах настройки этого плагина. Как ваще такое может быть? Устанавливается и активируется без проблем...

    • Виталий
      Опубликовано: 16.01.2013 Ответить на сообщение

      смотрите внимательнее по всем пунктам в консоли. может неправильно "лег". если что попробуйте его удалить и еще раз установить

      • Турист
        Опубликовано: 29.01.2013 Ответить на сообщение

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

  • Shela
    Опубликовано: 06.05.2013 Ответить на сообщение

    Виталий, здравствуйте! Спасибо за статью! Мне нравится, как плагин FancyBox выводит картинки на сайте. Но когда в фотогалерее больше сотни фото, то изменять размер каждого фото при вставке на сайт просто нереально... Дополнительно поставила NextGEN Gallery, но два эти плагина не уживаются, при клике фото открываются дважды и в FancyBox и в NextGEN Gallery. Не могу решить эту проблему. Если убрать FancyBox, то одиночные фото в постах открываются в новом окне браузера, а меня это не устраивает.Подскажите, пожалуйста, что можно сделать?

    • Виталий
      Опубликовано: 06.05.2013 Ответить на сообщение

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

      • Shela
        Опубликовано: 06.05.2013 Ответить на сообщение

        Фото изначально большие 600 пикс и больше. Загружаю в пост через "Добавить медиафайл" и чтобы сделать превью - уменьшаю каждое фото. Вообще я новичок и только осваиваю Вордпресс, а когда настройки плагинов на английском это только усложняет... Или через FancyBox можно загружать фото массово в виде галереи?

        • Виталий
          Опубликовано: 06.05.2013 Ответить на сообщение

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

  • Shela
    Опубликовано: 06.05.2013 Ответить на сообщение

    Виталий, спасибо большое за ответ! Буду изучать настройки плагина. 🙂

  • Юрий
    Опубликовано: 10.05.2013 Ответить на сообщение

    Добрый день, не работает у меня этот плагин - мучаюсь уже четвертый день. Вот хотел спросить какая последовательность действий при добавлении картинки в новость?

    • Виталий
      Опубликовано: 10.05.2013 Ответить на сообщение

      Добрый.
      Скорее всего конфликтуют версии jQuery.
      Плагин подключает свою библиотеку, а в шаблоне уже прописано может быть. Отключите в шабе. Ищите в файлах header.php или functions.php

      • Кристина
        Опубликовано: 27.06.2014 Ответить на сообщение

        Добрый день, Виталий! Скажите, а из админки есть доступ к этим файлам? Где они лежат?

        • Виталий
          Опубликовано: 27.06.2014 Ответить на сообщение

          Добрый.
          В админке Внешний вид ► Редактор.
          Предупреждаю: если сделаете что-то не так, то блог перестанет работать. Если уж будете сами, то советую через ftp, чтобы в случае чего резервную копию файла залить.
          Я не несу ответственности за ваши действия.

  • Юрий
    Опубликовано: 10.05.2013 Ответить на сообщение

    Вот мой вопрос, так скать в картинках http://www.youtube.com/watch?v=o-hwqrFhN-o

  • Юрий
    Опубликовано: 10.05.2013 Ответить на сообщение

    точно, в header.php нашел следующие строчки:

    <script src="/js/jquery-1.4.2.min.js" type="text/javascript">
    <script src="/js/jquery.tweet.js" type="text/javascript">
    <script src="/js/jquery.form.js" type="text/javascript">
    <script src="/js/jquery.prettyPhoto.js" type="text/javascript">
    <script src="/js/custom.js" type="text/javascript">

    все строки, которые начинались с <script src= я удалил и вроде все заработало, но вот не подскажите, что они обозначали, не вылезет ли в будущем мне проблемой это удаление?

    • Виталий
      Опубликовано: 10.05.2013 Ответить на сообщение

      все удалять не нужно было. Судя по всему только первую из перечисленных. Попробуйте.
      Остальные будут отвечать за работу некоторых функций шаблона

  • Юрий
    Опубликовано: 10.05.2013 Ответить на сообщение

    Да, точно, вернул строки и удалил только первую - так тоже работает. Спасибки огромное!!! Удачи Вам!

  • Саша
    Опубликовано: 09.06.2013 Ответить на сообщение

    Установил плагин, но картинки обернутые на себя, продолжают открываться как и открывались до установки плагина. В чем тут дело?

    • Виталий
      Опубликовано: 09.06.2013 Ответить на сообщение

      почитайте выше советы (в статье и комментариях). Больше подсказать не могу, т.к. не доучился на экстрасенса)

  • Ольга
    Опубликовано: 31.07.2013 Ответить на сообщение

    Спасибо, хороший плагин! Перешла на него с Shutter Reloaded, галереи стали явно симпатичней.

  • Максим
    Опубликовано: 13.08.2013 Ответить на сообщение

    Добрый день! Помогите, пожалуйста, с проблемой!
    Я на WordPress установил тему «ElegantEstate» и сразу плагин «Fancybox for WordPress», который используется на демо-сайте этого шаблона… При создании статьи есть у этой темы дополнительный пункт «Elegant Estate options» или как-то в этом роде, там есть 9 полей для загрузки фото из библиотеки файлов, первые 8 из которых это эскизы для страницы, где сама статья и комментарии к ней, а последняя девятая используется, как миниатюра для анонса… на демо-сайте все эти фото увеличиваются с помощью плагина «Fancybox for WordPress», и при увеличении под фотографией, над ней или на ней отображается атрибут title в качестве подписи… Но это на демо-сайте… А на свой я установил его сразу на чистый шаблон, создал статью засунул туда все эти 8 эскизов… Работает хорошо, увеличивается правильно… Но атрибут title не хочет отображаться (Причем поле заголовок фото в библиотеке файлов я заполнил)… Проверил в firebug от Mozilla Firefox и увидел, что в теге a href="ссылка_на_фото" title="Заголовок" rel="nofollow" нет самого атрибута title, что он не отобразился, проверил в этом же firebug вставил в этот тег title="подпись…" и сразу появилась подпись (конечно до обновления страницы, т.к. все изменения кода в firebug временные, т.е. до обновления страницы)… Вывод: где-то нужно прописать, что атрибут title должен брать для себя содержимое из названия фото в библиотеке файлов, чтобы он отображался… Но где, в каком файле и как это сделать нужно? Может знаете?? Заранее спасибо за помощь!
    Ссылка на демо сайт шаблона: http://www.elegantthemes.com/demo/?theme=ElegantEstate

    • Виталий
      Опубликовано: 13.08.2013 Ответить на сообщение

      пробовали так? http://prntscr.com/1kyt96

      • Максим
        Опубликовано: 13.08.2013 Ответить на сообщение

        Да, все варианты перепробовал... и причем при просмотре в фаербаге видно, что у тега с атрибутом class="fancybox-title" (или как-то так) при увеличении картинки остается неизменным атрибут style="display:none;" и атрибута title у тега, оборачивающего картинку, просто нет...

        • Виталий
          Опубликовано: 13.08.2013 Ответить на сообщение

          ничем сейчас не помогу. с шаблоном этим еще не работал.

  • Вероника
    Опубликовано: 25.10.2013 Ответить на сообщение

    Виталий, помогите, пожалуйста. Я установила плагин на свой интернет-магазин. Стоит тема eStore, если это важно. Так вот плагин работает только если страницу товаров делать по шаблону Галерея (но там отсутствует цена и вся информация). Тогда фото увеличиваются и все красиво. Но на странице товара при клике по фото плагин сообщает, что контент невозможно отобразить и предлагает попробовать позже. Все советы на данной странице комментариев я уже попробовала. Заранее благодарна.

    • Виталий
      Опубликовано: 26.10.2013 Ответить на сообщение

      Добрый. Идет конфликт скриптов. Нужно смотреть что подключается/отключается, когда ставите шаблон страницы товара.

      • Вероника
        Опубликовано: 26.10.2013 Ответить на сообщение

        Виталий, спасибо за ответ. Я пока новичек в веб-дизайне. Если можно, объясните, пожалуйста, попроще. Я со скриптами не знакома. Где что нужно смотреть? Я не ставлю шаблон страницы товара, он ведь сам генерируется. Или я что-то не понимаю.

        • Виталий
          Опубликовано: 26.10.2013 Ответить на сообщение

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

  • Виктор
    Опубликовано: 30.10.2013 Ответить на сообщение

    Здравствуйте, Виталий. У меня проблема с плагином.
    Он почему-то отказывается работать и картинки открываются
    в новой вкладке. Тема используется самописная.
    Ссылка на сайт: http://a555222.tmweb.ru/

    Я уже всё перепробоал, что описано в комментариях:

    - и сбразыал настройки (Revert to defaults);
    - и ставил галочку напротив "Do not call jQuery";
    - и ставил "Load JavaScript in Footer";
    - и очищал кэш браузера и пробовал в разных браузерах смотреть.

    Но плагин никак не начинает работать. Может вы подскажите, в чём может быть проблема?

    • Виктор
      Опубликовано: 30.10.2013 Ответить на сообщение

      Также никаких конфликтующих плагинов не стоит.

      Используются плагины:

      - BackUpWordPress;
      - Contact Form 7;
      - Image Banner Widget;
      - MaxSite Russian Date.

    • Виталий
      Опубликовано: 30.10.2013 Ответить на сообщение

      Добрый день.
      К сожалению, ничего более подсказать не могу, т.к. не вижу код.

      • Виктор
        Опубликовано: 30.10.2013 Ответить на сообщение

        Не видите код чего? Сайт: http://a555222.tmweb.ru/

  • Виктор
    Опубликовано: 30.10.2013 Ответить на сообщение

    Скажите пожалуйста, я правильно понял, что библиотеку jQuery подключать не надо, и она автоматически подключается?

    • Виталий
      Опубликовано: 30.10.2013 Ответить на сообщение

      В плагине есть jQuery.
      Иногда может конфликтовать с уже подключенным.

      • Виктор
        Опубликовано: 30.10.2013 Ответить на сообщение

        В том-то и дело, что никаких подключённых библиотекнет. И плагин свои тоже не подключает почему-то.

      • Виктор
        Опубликовано: 30.10.2013 Ответить на сообщение

        Также интересует вопрос, на какой версии вордпресс вы проверяли плагин? У меня 3.7 стоит.

      • Виктор
        Опубликовано: 30.10.2013 Ответить на сообщение

        Виталий, проблема решена вставкой в файл header.php кода . Функция wp_head(); возвращает в HTML-файл текст, сгенерированный различными плагинами (подключение библиотек, скриптов, стилей и т.п.)

        • Виталий
          Опубликовано: 31.10.2013 Ответить на сообщение

          Вот и отлично. Я поэтому и писал, что нужно видеть код сайта. Просто по домену я не вижу функции.

  • Виктор
    Опубликовано: 31.10.2013 Ответить на сообщение

    Виталий, а можно ли сделать текстовую ссылку, при клике на которую будет открываться картинка во всплывающем окне? Или плагин позволяет сделать такое только при клике на ссылку-картинку?

  • Silence
    Опубликовано: 13.12.2013 Ответить на сообщение

    Добрый день. Возможно уже кто-то сталкивался с такой проблемой:
    Есть форма обратной связи Contact Form 7. Ее необходимо сделать всплывающей на одной только странице, естественно при помощи FancyBox for Word Press. Все получается, по щелчку на ссылку, НО! Когда я закрываю форму и пытаюсь открыть ее еще раз без обновления странички, то в всплывающем окне открывается вся страница (на которой я нахожусь). А если после этого попытаться открыть форму еще раз, то вообще никакой реакции 🙂

    Я так смутно догадываюсь, что дело в необходимости делать "ссылку на саму себя". Форма же вставляется кодом на страничку, не более того.
    Может с этим как-то можно справиться?

    • александр
      Опубликовано: 26.08.2014 Ответить на сообщение

      Такая же беда.Еще заметил,если вставить две формы на странице,при клике по любой ссылке и закрытии,будут открываться по очереди обе формы(т.е. с одной ссылки открывается и 1 и 2 форма,а потом опять fancybox отобразит всю страницу. Перезагрузка страницы все повторяется.На форумах никто ничего не говорит. Помогите люди добрые.

  • Елена
    Опубликовано: 16.12.2013 Ответить на сообщение

    Спасибо за пост и перевод. А то один деятель, на которого зашла сначала, пишет: переводит с гуглом...Удачи!

  • Елена
    Опубликовано: 23.12.2013 Ответить на сообщение

    Добрый день! Такая проблема, несколько дней мачаюсь, ничего не помогает. Раньше плагин Fancybox for WordPress работал отлично, изображения можно было пролистывать, потом после установки нового шаблона перестал работать, что я только не делала...и версию WP обновила до 3.8 и сама плагин до последней версии, все равно не показывает в режиме галлереи..Что ж такое??

    • Виталий
      Опубликовано: 23.12.2013 Ответить на сообщение

      Добрый.
      Конфликт jQuery скорее всего. Отключите в плагине или шаблоне.

  • Анатолий
    Опубликовано: 07.02.2014 Ответить на сообщение

    Вечер добрый!!!!
    установил fancybox for wordpress создал галлерею в страницна вставил всеровно картинки на отдельных страницах выводятся при щеелчке на них
    что делать http://blog-webmastera.pw/?page_id=1570

    • Виталий
      Опубликовано: 07.02.2014 Ответить на сообщение

      Добрый.
      Почитайте комментарии выше. Не вы первый.

  • Валерий
    Опубликовано: 17.02.2014 Ответить на сообщение

    Здравствуйте! После капризного highslide, решил на сайте использовать fancybox. Скрипт работает, но вот при загрузке нескольких одиночных фото(или нескольких галерей) на одной странице, на каждом фото висит по столько title, сколько раз он используется на странице. Три раза - три тайтла, десять раз - гирлянда тайтлов под каждым фото. Тайтлы можно ,конечно, убрать из кода, но хочется что бы картинка была с подписью. Как устранить глюк?
    Ссылка на глюк: http://blagodatova.ucoz.ru/Skrin/skrin3.jpg

    • Виталий
      Опубликовано: 17.02.2014 Ответить на сообщение

      Не подскажу отсюда. Где-то у вас код перекрещивается с шаблоном. Проверьте файл functions.php, а также попробуйте поотключать плагины.

  • Евгений
    Опубликовано: 28.02.2014 Ответить на сообщение

    Спасибо за статью.
    Помогите, пожалуйста, с проблемой: использую FancyBox2. На главной странице плагин работает как положено. При переходе на отдельную запись, картинка открывается не по центру ( съезжает вниз ) и в полном размере. В качестве примера ссылка - http://ceramika.org.ua/kote-s-8-marta/ - нажмите на картинку. Заранее благодарен за помощь.

    • Виталий
      Опубликовано: 28.02.2014 Ответить на сообщение

      В хроме вижу эту проблему.
      Попробуйте в style.css шаблона добавить строку:

      .fancybox-wrap.fancybox-default.fancybox-opened {top: 10% !important;}

      Хотя у вас где-то в настройках проблема. Сбросьте их на стандартные.

  • Ruspb
    Опубликовано: 10.05.2014 Ответить на сообщение

    Красивый плагин, попробую поставить.

  • Сергей
    Опубликовано: 30.09.2014 Ответить на сообщение

    Здравствуйте. Подскажите пожалуйста, а если оборачиваем картинку в ссылку не при добавлении/размещении, а программно? У меня картинки выводятся с помощью функции из function.php, вот так:
    function print_attachments() {
    $CurrentThumb = array(
    'post_status' => null,
    'post_type' => 'attachment',
    'post_parent' => get_the_ID(),
    'post_mime_type' => 'image',
    'order' => 'ASC'
    );
    $post_images = get_posts($CurrentThumb);
    if ($post_images) :
    foreach ($post_images as $a) :
    print 'ID).'" class="fancybox" rel="fancybox">ID).'"/>';
    endforeach;
    endif;
    }
    В шаблоне идет просто вызов функции, которая выдергивает из статьи все картинки и выводит их отдельно от текста. Ну и вот на эти картинки никак не удается прикрутить fancybox. Может, кто-то сталкивался с чем-то подобным?

    • Сергей
      Опубликовано: 30.09.2014 Ответить на сообщение

      Извиняюсь за php-строку, в общем, вот ссылка на скачку моего function.php: https://yadi.sk/d/veWt2LoabkAHu
      Функция print_attachments() в конце файла.

  • Алексей
    Опубликовано: 30.11.2014 Ответить на сообщение

    Добрый день. Установил этот плагин. С главной страницы картинки открываются как нужно, а вот если зайти уже в статью и щелкнуть на картинку, то она открывается на весь экран. Подскажите выход из ситуации.

    • Виталий
      Опубликовано: 01.12.2014 Ответить на сообщение

      Добрый.
      Так с ходу не подскажу, не видя изнутри проблему. Попробуйте настройки плагина сбросить.
      Может быть конфликт jQuery. Отключите его в плагине, а потом попробуйте отключить в шаблоне подключенный.
      Так же могут другие плагины конфликтовать. Нужно все проверять

  • Кирилл
    Опубликовано: 29.01.2015 Ответить на сообщение

    Доброго времени суток! Может конечно это нужно мне одному, но тем не менее меня мучает вопрос о масштабировании изображения, выводимого плагином на затемненный экран. Если исходник изображения не большой по ширине - вопросов нет (если он в соотношении сторон как А4), а вот для больших изображений - надо что бы они отображались на 90% от всего экрана, а не с горизонтальной полосой прокрутки. Это жесть как накаляет! Надо грубо говоря так: http://xn--80ajaataigfm2bb9kua.xn--p1ai/?page_id=1287, а не так, как мы видим открыв первое изображение. Мне может кто помочь?
    P.S. Включив функцию Auto Resize to Fit - автоматически сделает изображение нужного размера, чтобы влазило в окно монитора (по умолчанию включено), текст на картинке становится слишком мелким и нечитабельным. Т.е. этот способ нам однозначно не подходит. Все коды могу предоставить по востребованию. Заранее благодарю)

  • Валерий
    Опубликовано: 14.04.2015 Ответить на сообщение

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

    • Виталий
      Опубликовано: 15.04.2015 Ответить на сообщение

      Используйте в своих целях плагин NextGen Gallery. У него есть множество настроек по галереям и эффекты.

  • Оксана
    Опубликовано: 09.03.2016 Ответить на сообщение

    Здравствуйте, Виталий. Помогите пожалуйста! Плагин этот стоит давно, всё исправно работает. Поменяла тему на адаптивную, а заодно и WP обновила до последней версии. Плагин работает как часы. После всех обновлений, сегодня добавила новую статью и столкнулась с проблемой - фотографии в новом посте совсем перестали быть кликабельными. Ни увеличиваются, ни в новом окне не открываются. Перепробовала все выше предложенные способы - не работает. В старых постах плагин трудится исправно.
    Очень надеюсь на Вашу помощь. Спасибо.

    • Оксана
      Опубликовано: 10.03.2016 Ответить на сообщение

      Проблему решила. Пришлось при добавлении новых изображений вручную в окошке "ссылка" выбирать "медиафайл". Но появилась оказывается ещё одна беда: в галерее перестали отображаться названия изображений, а для меня это очень важно. Помогите!

  • Павел
    Опубликовано: 21.04.2016 Ответить на сообщение

    Виталик, давно пользуюсь этим плагином, и не замечал такой проблемы. Когда изображение открывается, то оно немного смещается вправо и вниз (пример на этой страничке внизу, где галерея http://interesnyefakty.org/tsvetushhaya-pustyinya/). Что это может быть? Правда я менял тему, может с этим как-то связано...

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.