Вы же понимаете что за вас работу вашу делать не будут... Эх.. НУ ладно
http://fancybox.net/ - вот ссылка на сайт. В правом верхнем углу есть кнопочка скачать. В архиве у вас будет пример использования. Для него необходимы базовые знания HTML.
Затем в шаблон сайта вы добавляете подгрузку библиотеки jquery(например с сайта google, или разместив его у себя)
[CODE]<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>[/CODE]
Затем добавляете ссылку на саму библиотеку фенсибокс, [B]не забыв разместить её у себя на сервере![/B]
[CODE]<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.1.pack.js"></script>[/CODE]
Затем добавляем таблицу стилей для фенси, [B]не забыв разместить её у себя на сервере![/B]
[B]<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />[/B]
После этого добавляете код инициализации фенси, чтоб оно смогло отличить что ей надо показывать, а что нет! Перед work_area размещаем яваскрипт
[CODE]$(document).ready(function() {
/* This is basic - uses default settings */
$("a#single_image").fancybox();
/* Using custom settings */
$("a#inline").fancybox({
'hideOnContentClick': true
});
/* Apply fancybox to multiple items */
$("a.group").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false
});
});[/CODE]
Затем модифицируете шаблон вывода catalog.element,или для чего оно вам там надо, находите строки, которые отвечают за вывод анонсного и подробного изображения и переписываете его так, как это сделано в примере фенси.
[CODE]<a id="single_image" href="image_big.jpg"><img src="image_small.jpg" alt=""/></a>[/CODE]
Это всё взято из примера естественно! Здесь ссылка <a id="single_image" href="image_big.jpg"> на детальное изображение а img - <img src="image_small.jpg" alt=""/> анонсное изображение!
Фенси отдупляет что ей открывать вот вот этому вот тегу id="single_image", естественно можно сменить
Надеюсь у вас всё получится! Ибо разжевал как мог! Если нет - тогда пишите, договоримся на коммерческой основе работ ведь на час
