Как правильно интегрировать jQuery Lightbox в СMS?
 

Как правильно интегрировать jQuery Lightbox в СMS, где для загрузки фотографий там прописан шаблон? Как применять jQuery Lightbox для простой фотогалереи я знаю, но этот шаблон выбивает из колеи.


Код для шаблона загрузки фотографий в СMS:
<div style="float:right; position: relative;">IMAGE_BIG</div>

[IMAGE_BIG]
<img src="/IMAGE[src]" border="0" alt="CAT[name] FIELD[name]" style="margin-left:10px">
[/TEMPL]

[IMAGE_SMALL]
; шаблон миниатюрки ImageOpen('FIELD[img_1][root]', 'FIELD[id]', ''); return false; /IMAGE[src][root][image_big]
; return CMS_Img( 'FIELD[img_1][root]', 'Image_Div_FIELD[id]');
<img src="/IMAGE[src]" border="0" alt="CAT[name] FIELD[name]">
[/TEMPL]
Собираюсь использовать этот Lightbox:
<link href="css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
<a class="gallery" href="b_img4.jpg"><img src="b_img4-copy.jpg" height="113px" width="150px" alt=""/></a>
<script type="text/javascript">
jQuery(function(){
jQuery('a.gallery').lightBox({
overlayBgColor: '#424141',
overlayOpacity: 0.6,
imageLoading: 'images/loading.gif',
imageBtnClose: 'images/close.gif',
imageBtnPrev: 'images/prev.gif',
imageBtnNext: 'images/next.gif',
containerResizeSpeed: 350,
txtImage: 'Изображение',
txtOf: 'из'
});
});
</script>