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

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

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

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

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

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

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

Внимание!

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

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

Если же вы хотите настроить плагин под дизайн своего сайта, то у вас все карты на руках. Идем Настройки (Параметры) - 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% сайтов данные настройки не понадобятся и будут установлены по умолчанию.

Если все перечисленное Вам понравилось, то качаем и устанавливаем.

Требуемая версия WP:  2.8 или выше
Рассмотренная версия плагина:  2.9
Скачать плагин

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

Привет.

Меня зовут Виталик. Я автор этого блога и Магазина WordPress https://wp-r.ru/.


Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 99 комментариев
  1. Простой says:
    http://nikosun.com/

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

  2. Видеограф says:
    http://spstudio.com.ua/

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

    • mojvit says:

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

  3. Алексей says:
    http://arch-buro.com

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

    • mojvit says:

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

      • Алексей says:
        http://arch-buro.com

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

  4. Аарон says:
    http://www.ilandia.biz

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

    • mojvit says:

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

  5. RusTaec says:
    http://rustaec.ru

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

    • mojvit says:

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

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

  6. Десятин says:
    http://10ina.ru/

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

    • mojWP says:

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

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

      • Александр says:

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

    • Захар says:
      http://web-empires.ru

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

  7. Игорь says:

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

    • mojWP says:

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

  8. Александр says:
    http://flegentov.name

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

  9. Александр says:
    http://www.anekdot-web.ru

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

    • Виталий says:

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

  10. Wasileff says:

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

    • Виталий says:

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

  11. Denis says:
    http://webwmz.ru/

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

  12. Анастасия says:
    http://magiafialok.ru

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

    • Анастасия says:
      http://magiafialok.ru

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

  13. Александр says:
    http://denjishi.ru

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

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

  14. Виталий says:

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

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

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

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

  15. kip says:

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

  16. Алина says:

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

    • Виталий says:

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

  17. Денисычь says:
    http://godscreature.com.ua

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

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

  18. Вячеслав says:
    http://lovipozitiff.ru

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

    • Виталий says:

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

      • Вячеслав says:
        http://lovipozitiff.ru

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

        • Виталий says:

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

          • Вячеслав says:
            http://lovipozitiff.ru

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

  19. Oxygen says:

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

    • Виталий says:

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

  20. Турист says:
    http://otdyhaemactivno.ru

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

    • Виталий says:

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

      • Турист says:
        http://turistin.ru/

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

  21. Shela says:

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

    • Виталий says:

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

      • Shela says:

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

        • Виталий says:

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

  22. Shela says:

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

  23. Юрий says:

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

    • Виталий says:

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

      • Кристина says:

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

        • Виталий says:
          http://mojWP.ru/

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

  24. Юрий says:

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

  25. Юрий says:

    точно, в 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= я удалил и вроде все заработало, но вот не подскажите, что они обозначали, не вылезет ли в будущем мне проблемой это удаление?

    • Виталий says:

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

  26. Юрий says:

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

  27. Саша says:

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

    • Виталий says:

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

  28. Ольга says:
    http://hairdream.ru

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

  29. Максим says:
    http://wordpress.test.hosting-test.org.ua

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

    • Виталий says:
      http://mojWP.ru/

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

      • Максим says:
        http://wordpress.test.hosting-test.org.ua

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

        • Виталий says:
          http://mojWP.ru/

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

  30. Вероника says:

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

    • Виталий says:
      http://mojWP.ru/

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

      • Вероника says:

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

        • Виталий says:
          http://mojWP.ru/

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

  31. Виктор says:

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

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

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

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

    • Виктор says:

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

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

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

    • Виталий says:
      http://mojWP.ru/

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

      • Виктор says:

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

  32. Виктор says:

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

    • Виталий says:
      http://mojWP.ru/

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

      • Виктор says:

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

      • Виктор says:

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

      • Виктор says:

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

        • Виталий says:
          http://mojWP.ru/

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

  33. Виктор says:

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

  34. Silence says:

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

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

    • александр says:
      http://kievrem.com.ua/

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

  35. Елена says:
    http://well-tonus.ru/

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

  36. Елена says:
    http://sacral-altai.ru/

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

    • Виталий says:
      http://mojWP.ru/

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

  37. Анатолий says:
    http://blog-webmastera.pw

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

    • Виталий says:
      http://mojWP.ru/

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

  38. Валерий says:
    http://blagodatova.ucoz.ru/

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

    • Виталий says:
      http://mojWP.ru/

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

  39. Евгений says:
    http://ceramika.org.ua/

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

    • Виталий says:
      http://mojWP.ru/

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

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

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

  40. Ruspb says:
    http://squib.ru

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

  41. Сергей says:
    http://nouck.net

    Здравствуйте. Подскажите пожалуйста, а если оборачиваем картинку в ссылку не при добавлении/размещении, а программно? У меня картинки выводятся с помощью функции из 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. Может, кто-то сталкивался с чем-то подобным?

    • Сергей says:
      http://nouck.net

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

  42. Алексей says:
    http://investor-new.ru/

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

    • Виталий says:
      http://mojWP.ru/

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

  43. Кирилл says:
    http://xn--80ajaataigfm2bb9kua.xn--p1ai/

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

  44. Валерий says:
    http://spimtyt.ru

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

    • Виталий says:
      http://mojWP.ru/

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

  45. Оксана says:
    http://moishtori.ru/

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

    • Оксана says:
      http://moishtori.ru/

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

  46. Павел says:
    http://interesnyefakty.org/

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

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2017 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 12.69MB | MySQL:99 | 0,307sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT https://wp-r.ru/plaginy/elt.html
Друг, не уходи!