Для его применения в head область index.php файл шаблона нужно добавить следующий код:
<?php JHTML::_('behavior.modal'); ?>
Здесь можно посмотреть как выглядит данная функция
Этот код добавит в HTML код страницы следующий скрипт:
<link rel="stylesheet" href="/joomla_v1.5.13/media/system/css/modal.css" type="text/css" />
<script type="text/javascript" src="/joomla_v1.5.13/media/system/js/modal.js"></script>
<script type="text/javascript">window.addEvent('domready', function() {SqueezeBox.initialize({});
$$('a.modal').each(function(el) {el.addEvent('click', function(e) {new Event(e).stop();
SqueezeBox.fromElement(el);});});});</script>
Теперь для применения Lightbox эффекта нужно добавить в материал следующий код:
<a class="modal" href="location" title="caption"><img src="location" alt="description" title="caption" /></a>
Данный HTML код используется для отображения картинки во всплывающем окне. Его также можно использовать и для отображения страницы с текущего сайта. Чтобы во всплывающем окне был только сам материал, а не вся страница, нужно в параметры ссылки добавить ?tmpl=component или &tmpl=component
<a class="modal" href="location?tmpl=component" title="caption">Станица с текущего сайта</a>
Чтобы открыть страницу во всплывающем окне с другого сайта, нужно использовать код:
<a rel="{handler: 'iframe', size: {x: width, y: height}}" href="address" class="modal">link name</a>
или для php кода:
<?php
$myselector = "mylinkclass";
$mysizex = 800;
$mysizey = 600;
JHTML::_('behavior.modal($myselector,'size'{x:$mysizex, y:$mysizey})');
?>
Станица будет открыта в плавающем фрейме. Если это материал с сайта Joomla, также можно использовать параметр tmpl=component. Правда, в этом случае во всплывающем фрейме не будут загружены таблицы стилей и ,соответственно, материал будет выглядеть не совсем так, как он выглядит на удаленном сайте.
Если мы хотим открыть материал с текущего сайта в плавающем фрейме, нужно в разметку компонента содержания components/com_content/views/article/tmpl/default.php добавить код:
<?php if (JRequest::getVar('tmpl') != 'component') :?>
Здесь нужно перечислить нужные таблицы стилей:
JHTML::stylesheet('mystyle.css','templates/template_name/css/',
array('media'=>'all'));
<?php endif; ?>
Добавление данного кода сохранит форматирование материала.
Или лучше скопировать файл разметки в папку шаблона html/com_content/article/
Корисне