[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Увелечение и уменшение картинки как на Dle 9.0 для ucoz
Дата: Понедельник, 04.04.2011, 09:15 | Сообщение # 1
Администратор
    Сообщений:
    841
    Награды:
    2

Установка:
Перед </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$ Меняем на свой путь к картинке
  • Страница 1 из 1
  • 1
Поиск: