[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Увелечение и уменшение картинки как на Dle 9.0 для ucoz
BFG100Дата: Четверг, 11.07.2013, 21:02 | Сообщение # 1
Прохожий
Группа: Проверенный
Сообщений: 20
Статус: Offline
Установка:
Перед </head> вставляем код:

Код
<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>

Туда где хотите видеть картинку:

Код
<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
Поиск: