Scroll
Интеграция лупы в colorbox - как?
Интеграция лупы в colorbox - как?
Здравствуйте.
На сайте галерея, которая открывается в colorbox. Прблема в том, что мне требуется добавить к открытому в колорбоксе изображению эффект лупы, как здесь joseprio . com/examples/colorbox/
На голом html всё работает, а на друпале нет. Я новичок в этой CMS, поэтому, прошу помощи. Возможно, это можно сделать как-то штатными методами, о которых я не знаю.
Заранее благодарю!
1 answer
votes: 1336
Answer
Здравствуйте, вам нужно использовать кастомный js файл, который проще подключить к теме:
https://drupalbook.org/ru/drupal/88-rabota-s-javascriptjquery-v-drupal-8-chto-takoe-behaviors
Также нужно подключить loupe.js отдельно от colorbox, colorbox лучше всего подключать через drupal модуль colorbox:
https://www.drupal.org/project/colorbox
Потом нужно использовать
$(document).bind('cbox_complete', function(){
var image = $('#cboxLoadedContent .cboxPhoto').get(0);
if ((this.width > image.width) || (this.height > image.height)) {
$(image).loupe();
}
});