Подключить галерею Fancybox 3

Lora, спасибо! Ну… в общем, получилось, да! ) Теперь colorbox в постах открывает оригинальный размер по клику.

Ну и славненько).

а есть инструкция как сделать так же как на этом сайте? чтоб через colorbox открывалось?

Да какая инструкция?

Заливаете скрипты и стили плагина на хост. Подключаете их где нужно ( в данном случае, — default_item.tpl.php). Вносите правки в файл, если у плагина есть дополнительные требования (в данном случае их не было). Не важно какой плагин будете использовать, все действия однотипны.

Если устраивает colorbox, просто скачайте архив, залейте папку «colorbox» в свой шаблон, подключите скрипты и стили в нужном вам файле  (скорей всего, -  тот же default_item.tpl.php):

<!--  colorbox -->
<?php $this->addJS("templates/{$this->name}/colorbox/jquery.colorbox.js"); ?>
<?php $this->addJS("templates/{$this->name}/colorbox/init_colorbox.js"); ?>
<?php $this->addCSS("templates/{$this->name}/colorbox/colorbox.css"); ?>
<!--  colorbox -->

Приблизительно так же подключите любой другой плагин.

------------------------------------

Только нужно понять: в галерею будет попадать та же картинка, что есть в посте (вам уже объясняли выше почему).

Если у вас шаблон «modern» или дочерний от него, то возникает вопрос: чем не устраивает галерея, встроенная в шаблон (зачем вообще сторонний плагин)?

Ладно, я понял как сделать открытие по клику через colorbox (правда ссылка на скачивание не действительна и ничего не качает) а на офф сайте в архиве нету файла init_colorbox.js и когда я попытался сделать без него ничего не получилось, на фтп загрузил, в файле подключил и не пашет, ну да фиг с ним, возник другой вопрос.

Я понял как подключить Fancybox но для это мне нужно чтобы в редакторе (не в полях, они мне не интересны там я знаю как изображения увеличивать) а именно в редакторе оборачивать все загруженные изображения в ссылку с data-fancybox=«images» или data-fancybox=«gallery»

Пример:

<a href="изображение.jpg" data-fancybox="images">
    <img src="изображение.jpg" />
</a>

Тогда все будет работать, проверял делая ссылку вручную через исходный код в редакторе Вопрос! где править файлы редактора или default_item.tpl.php  и вообще как правильно их править чтобы изображения были обернуты в подобную ссылку, ну и чтобы ссылка сама встраивалась после загрузки изображения в редактор, чтобы в ручную не править исходный код.

Вот в этом посте описывали как получить картинку и ссылку на нее, я пробовал но не получилось, возможно просто с последней версией instant не работает, кто сможет починить чтобы все работало? думаю многим тоже будет интересно вместо colorbox использовать Fancybox 4

Возможно у вас поле изображение для редактора имеет имя не photo

Посмотрел на офсайте на Fancybox… да, выглядит очень прилично. Обеими руками за! )

Посмотрел на офсайте на Fancybox… да, выглядит очень прилично. Обеими руками за! )

Именно, выглядеть это будет вот так

Спойлер

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

PS: нужно убрать галочку «Обрабатывать типографом» иначе будет открывать изображение не в Fancybox 4 а в новой вкладке как просто картинку

Осталось понять как заставить редактор автоматом оборачивать изображения в правильную ссылку… я конечно сам до этого не допру поэтому надеюсь на помощь.

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

<a href=«изображение.jpg» data-fancybox=«images»></a>

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

<a href=«изображение.jpg» data-fancybox=«images»></a>

Для этого нужно править плагин редактора через который вы загружаете картинки. 

Для этого нужно править плагин редактора через который вы загружаете картинки. 

CEH9I, вы знаете, где. Вы знаете, как? Сможете помочь? Модальное окно для увеличенного изображения — в постах, статьях, комментариях, альбомах и на стене. Редактор на ваш выбор. Для социалки очень надо! Для любой нормальной соцсети на Инстанте (в каком-то ВК и то уже есть и работает). *спокойно и доброжелательно спрашивает.

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

<a href=«изображение.jpg» data-fancybox=«images»></a>

Для этого нужно править плагин редактора через который вы загружаете картинки. 

Cкриптом их обернуть.

Просто скрипт «оборачивания» должен выполняться раньше скриптов fancy

 Викторыч,  Traibs, прочтите, может поможет Вывод изображений в модальном окне загруженными WYSIWYG редактором.

 Викторыч,  Traibs, прочтите, может поможет Вывод изображений в модальном окне загруженными WYSIWYG редактором.

 

Лайк! Светлое будущее все ближе! ) 

*осталось с отсутствием пагинации разобраться в  постах, статьях комментариях и на стене — и соцсеть восторжествует! )) **но это уже из другой оперы, простите за оффтоп.