Для начала нам нужно скачать архив - http://depositfiles.com/files/t3wiisb8h
И заливаем все файлы в корень сайта Заходим дизайн - управление дизайном (шаблоны) - ищем каталог файлов - далее страница материала и коментариев к нему.
Теперь вставьте в самое начало страницы это:
Code
<style type="text/css">
.pul img {width:1px;}
.pul img {height:1px;}
.doll img {max-height:300px;}
.doll img {max-width:300px;
width:expression(document.body.clientWidth > 550? "250px": "auto"); }
</style>
<script type="text/javascript" src="/highslide/highslide.js"></script>
<link rel="stylesheet" href="/highslide/highslide.css" type="text/css">
<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
hs.outlineType = 'rounded-white';
</script>
Далее находим $MESSAGE$
и заменяем его на это
Code
<div align="center" class="doll"><a href="$SCREEN_URL$" class="highslide" onclick="return hs.expand(this)">
<img src="$SCREEN_URL$" alt="" title="$TITLE$" ></a></div><div class="pul"> $MESSAGE$</div>
Тэги $SCREEN_URL$ можно поменять на свои, напоминаю что можно использовать для любой картинки