В одном из наших проектов возникла необходимость для отображения увеличенной фотографии использовать бесплатный скрипт Lightbox 2 by Lokesh Dhakar. Однако после подключения данного скрипта выяснилось, что в увеличенном режиме необходимо отображать дополнительную информацию.

Практически скрипт позволяет передавать в качестве комментария HTML-код. Однако это сразу отображается во всплывающей надписи, поскольку комментарий задается там, где и должен задаваться, а именно в свойстве title тэга <a>.

Поскольку это неприемлемо, было принято решение искать обходной путь. Решение было найдено следующим образом:

ищем в файле lightbox.js строку 

this.imageArray.push([imageLink.href, imageLink.title]);

и меняем её на 

this.imageArray.push([imageLink.href, imageLink.name]);

после чего ищем 

collect(function(anchor){ return [anchor.href, anchor.title]; }).

и меняем на: 

collect(function(anchor){ return [anchor.href, anchor.name]; }).

и при вызове используем не свойство title, а свойство name для передачи HTML-кода. Может показаться, что использование свойства name - может вызвать ошибки при работе, однако практика показывает, что последнее время большинство использует адресацию через document.getElementById.

Назад в раздел