В Joomla есть замечательная встроенная возможность вывести что угодно во всплывающем окне (лайтбоксе) - форму, картинку, текст. Там уже заложено модальное поведение, надо только его включить.
Например:
1. Включаем модальное поведение. Ставим в шаблон, где у нас идет перечисление необходимых переменных, вот такую фразу:
JHTML::_('behavior.modal');
Уточняю, я лично ставлю вот сюда:
<?php
$app = JFactory::getApplication();
$menu = $app->getMenu();
$doc = JFactory::getDocument();
$user = JFactory::getUser();
$this->language = $doc->language;
$this->direction = $doc->direction;
JHTML::_('behavior.modal');
// Detecting Active Variables
$option = $app->input->getCmd('option', '');
$view = $app->input->getCmd('view', '');
$layout = $app->input->getCmd('layout', '');
$task = $app->input->getCmd('task', '');
$itemid = $app->input->getCmd('Itemid', '');
$sitename = $app->get('sitename');
?>
2. В место, где вы хотите видеть всплывающее окно:
<a class="modal" rel="{handler: 'iframe', size: {x: 500, y: 450}}" href="/ссылка_на_контактную_форму&tmpl=component" >Связаться с нами</a>
Вот это вариант для всплывающей контактной формы (&tmpl=component указывает на то, что форма открывается в лысом виде, без шапки, футера и прочих излишеств).
А вот вариант для изображения:
<a class="modal" href="/images/zerno-02.png" rel="{handler: 'iframe', size: {x: 800, y: 645}}"><img src="/images/WholeGrain.jpg" alt="" /></a>
Размеры (size) выбираем свои. Вот и все!