скорее всего либо фото очень большие, либо скрипт впополам с denwer глючит, поэтому обычно использую самописные варианты, а взаимосвязь сделать легко
у маленькой картинки выводишь по такому образцу
<a href="#" class="small_pic" index="%id%"><img src="pic.jpg" ></a>
...
большие по такому
<a href="#" class="big_pic" id="b%id%" style="display:none;"><img src="big_pic.jpg" ></a>
...
и пишешь такой js внутри тега head или в стороннем файле который подключаешь в html коде (только обязательно после загрузки jquery библиотеке, так как я её использую в приведенном ниже коде)
jQuery(document).ready(function() {
jQuery('.big_pic:first').show(); // показываем первую большую фотографию
//назначаем обработчик всем ссылкам с классом small
jQuery('.small_pic').click(function(){
var id=jQuery(this).attr('index'); //берем id из атрибута ссылки index
jQuery('.big_pic').hide(); //прячем все большие фото
jQuery('#b'+id).show(); //показываем только ту что связанна смалой фотографией через id
return false;
});
});
твои фото лежат в галерее, значит ты выводишь их макросом %photoalbum album()%
вначале, список фотографий по шаблону для больших фото, потом по еще раз выводишь этот же альбом по шаблону для маленьких фото.
в шаблоне для больших фоток используешь в блоке album_block_line
<a href="#" class="big_pic" id="b%id%" style="display:none;">%data getProperty(%id%, photo, img_big)%</a>
а в шаблоне для маленьких фото в блоке album_block_line
<a href="#" class="small_pic" index="%id%">%data getProperty(%id%, photo, img_small))%</a>
плюс img_big и img_small, это шаблоны для вывода содержимого поля с фотографией нужного размера, лежат тут
/tpls/data/ .
содержимое:
/tpls/data/img_big.tpl
<?php
$FORMS = Array();
$FORMS['img_file'] = <<<END
%system makeThumbnail('%filepath%', '400', 'auto', 'view')%
END;
?>
/tpls/data/img_small.tpl
<?php
$FORMS = Array();
$FORMS['img_file'] = <<<END
%system makeThumbnail('%filepath%', '70', 'auto', 'view')%
END;
?>