<a target="_blank" href="/images/photos/{$photo.file}" title="Скачать"> <img src="/images/photos/medium/{$photo.file}" border="0" alt="{$photo.title|escape:'html'}" /> </a>
Это все просто ПРАВИЛЬНЫЙ стандарт-артефакт, нет ни одного стиля css, нет ни одного js для обработки вывода.Это минимум данных который необходим для браузера.А ДАЛЕЕ полет мысли, в сути -обработать стилями, или применить js библиотеку, для того что надо -то видеть.Перед тем, как, начать полет мыслей, надо видимо понять что к этому
<a target="_blank" href="/images/photos/{$photo.file}" title="Скачать">
<img src="/images/photos/medium/{$photo.file}" border="0" alt="{$photo.title|escape:'html'}" />
</a>
Ну хоть что то надо применить.
Сперва лучше начать с изучения html. И посмотреть как можно подключить стиль css .
А потом начать с подлючения js.Масса уроков на руселлер.ру.Там многие топтали азы знаний.
Этот вопрос, имеет решение, и простое.