Если вы используете prototype и scriptaculous, то это лучший вариант. Сам скрипт без фреймворков весит всего 20 Кб, а если очистить от комментариев и ужать, то будет в разы меньше. Для себя я выбрал Shadowbox, так как данный скрипт можно легко настраивать под различные нужды, применять скины, также есть поддержка локализаций и на можно собрать под себя необходимый билд пометив те функции, которые необходимы.
Из дополнительных функций имеется поддержка Quick Time, Windows Media Player, Flash, Flash video, HTML, и загрузка внешних страниц.
1. в в head.tpl.html прописываем
{* галлерея shadowbox увеличение картинки при нажатии курсора *}
<link rel="stylesheet" type="text/css" href="/js/shadowbox/shadowbox.css">
<script type="text/javascript" src="/js/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({literal}{{/literal}
language: "ru",
players: [ "img", "swf", "swf", "qt", "wmp", "iframe", "html"]
{literal}}{/literal});
</script>
2. Потом в этом же шаблоне до </body> ставим этот скрипт в index.tpl.html
{* галлерея дописываем rel="shadowbox[Mixed]" *}
{literal}
<script type="text/javascript">
<!--
//shadowbox idea by spacesite.ru
sb=document.getElementsByTagName("a");
for(sw=0;sw<sb.length;sw++){
if(sb[sw].className=="link"){
sb[sw].rel="shadowbox[Mixed]";
sb[sw].title="Tata";}}
//-->
</script>
{/literal}
3. в ссыслках в свойствах css link пишем link
пример применения можно лицезреть на сайте Интернет-магазин запчастей ТАТА http://www.tataspb.ru/