VladBlad

Как заставить Colorbox работать в CkEditor?

Рекомендуемые сообщения

VladBlad    20

Версия OcStore 1.5.5.1. 

Ситуация: в статьях нужно, чтобы при клике на картинке всплывало окно с этой картинкой (увеличенное). На форуме писали, что нужно 

После добавления картинки в статью выбирем эту картинку и нажимаем редактировать ссылку.А дальше в разделе "Дополнительно" указываем Класс CSS "colorbox" и Отношение "colorbox". 

Или каждый раз вставлять громозкий код. Вставлять каждый раз код - не подходит. 

Что такое "Отношение" - не ясно.

 

Проблема: Как же включить Colorbox в CKEditor?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pashast    376

Этого мало, нужно еще инициализировать скрипт колорбокса. 

Вставьте в footer.tpl следующий скрипт

                <script>
			$(document).ready(function(){
					$(".colorbox").colorbox();
				});

		</script>

Отношение, это тег rel, скорее всего, должно работать и без него.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VladBlad    20

Спасибо, но Не сработало. Где этот rel нужно прописывать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pashast    376

Дайте ссылку на страницу на которой пытаетесь завести колорбокс

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VladBlad    20

Отписал в личку.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VladBlad    20

Дайте ссылку на страницу на которой пытаетесь завести колорбокс

Всё равно спасибо, что откликнулся. :)

Сложная тема получилась, сразу сделать не получится. Предложенные условия - справедливые.

Но я попробую еще сам покопаться. Может будет просветление. :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pashast    376

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу