Можно пойти дальше и проще. Объясню просто и адекватно.
Что такое по факту лайтбокс?
Вы ставите картинку (либо оригинальную ужимаете по высоте и ширине, либо делаете уменьшенный трумб), на эту картинку вы ставите ссылку на эту же картинку. Просто в атрибутах данной ссылки присутствует задача на всплывающее окно, либо рел, либо класс, либо любая другая приписка вызывающая функцию.
К примеру вы ставите
компонент Widgetkit, который имеет лайтбокс. Берете картинку, задаете ей атрибуты ширины и высоты по пропорциям нужным, и просто дописываете в код ссылки на эту же картинку атребут "data-lightbox". При этом вы можете по мере статьи вставить много таких изображений и сгруппировать их с прокруткой указав каждой ссылке data-lightbox="group:название_группы;". Если вы используете не Widgetkit а какой либо из стандартных плагинов лайтбокса, то по обыкновению к данной ссылке приписывается атребут rel="litebox", ну или че он там требует. Есть кстати системное понятие как класс "modal" - тогда всплывает в системном окне.
Для начала вообще советую определиться со скриптом самих всплывающих окон, лайтбокс, слимбокс, фансибокс, рокбокс, widgetkit и тп.
По факту добавления есть вообще плагины некоторые, которые сами ресайзят и лайтбоксят нужное. Т.е. человек заливает фотку, вставляет в материал, как бы он ее не растянул и не раскорячил, плагин все равно в сфере установленных порядков ужмет картинку и если она шире и больше заданного адеквата , то сделает на нее ссылку на увеличенное изображение. Но так если честно, то вообще не советую в рамках общего добавления использовать стандартный компонент материалов, уж лучше к2 или zoo, где можно более менее все настроить и упростить.
Еще хочется добавить, что Джумла это не ДЛЕ и не Юкос, и никакого простейшего социального юзабелити в плане добавления тут без хитрых ухищрений не найти.