Я так понимаю, вы загружаете картинки через файловый менеджер. Если бы вы загружали через форму добавления материала, то эта функция у вас бы уже работала.
Но можно и так. Загружаете две картинки: одну большую, скажем 800Х800 и маленькую 336Х336. При редактировании материала ставите код
<a href="адрес большой картинки" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере..."><img border="0" src="адрес маленькой картинки" width="336" height="336"></a>
Можно конечно, обойтись и одной (большой) картинкой, а в коде картинки указать нужные вам размеры (в примере 336) и так . Это я у вас на главно картику взял, но она не увеличится, потому, что она у вас уже заведома маленькая.
<a href="/kollazh_glavnaja.jpg" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере..."><img border="0" alt="" src="/kollazh_glavnaja.jpg" width="336" height="336"></a>
Минус второго примера в том, что вес картинок на страницах будет большой и страница будет грузиться дольше.