Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

Интеграция лупы в colorbox - как?

Интеграция лупы в colorbox - как?
, by

Здравствуйте.

На сайте галерея, которая открывается в 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();
  }
});