Установка:
Перед </head> вставляем код:
Code
<link rel="stylesheet" title="default" href="http://ucozua.ru/highslidedle/highslide.css" type="text/css" />
<script type="text/javascript" src="http://ucozua.ru/js/highslide-full.packed.js"></script>
<script language="javascript" type="text/javascript">
hs.graphicsDir = 'http://ucozua.ru/highslide/graphics/';
hs.transitions = ["fade"];
hs.outlineType = 'beveled';
hs.zIndexCounter = '2000'
hs.align = 'center';
hs.numberOfImagesToPreload = 0;
hs.showCredits = false;
hs.lang = {
loadingText : 'Загрузка...',
playTitle : 'Просмотр слайдшоу (пробел)',
pauseTitle: 'Пауза',
previousTitle : 'Предыдущее изображение',
nextTitle : 'Следующее изображение',
moveTitle : 'Переместить',
closeTitle : 'Закрыть (Esc)',
fullExpandTitle : 'Развернуть до полного размера',
restoreTitle : 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',
focusTitle : 'Сфокусировать',
loadingTitle : 'Нажмите для отмены'
};
hs.addSlideshow({
interval: 4000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
//-->
</script>
Туда где хотите видеть картинку:
Code
<a href="$OTHER_1$" class="highslide" onclick="return hs.expand(this)">
<img src="$OTHER_1$" style="max-width: 350px;border: 1px solid rgb(204, 204, 204);" title="Нажмите чтобы увеличить">
</a>
$OTHER_1$ Меняем на свой путь к картинке