[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Скрипт увеличения изображения по клику для Ucoz (Превью)
adminДата: Четверг, 2011-02-17, 09:29 | Сообщение # 1
Полковник
Группа: Администраторы
Сообщений: 153
Награды: 11
Репутация: 31
Статус: Offline

[Скрипт тестирован на работу способность, тестировал DenDiCore, Четверг, 17.02.2011, 09:26]

Отличный скрипт увеличения изображения по клику.
1.качаем архив
2.распаковываем, и папку "highslide" полностью закидываем на сайт.
3.далее даный скрипт ставим на все страницы(верхняя часть сайта)

Code

<!-- <Увиличение картинок> -->   
     <script type="text/javascript" src="/highslide/highslide-with-gallery.js"></script>   
     <link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />   
     <script type="text/javascript">   
     hs.graphicsDir = '/highslide/graphics/';   
     hs.outlineType = 'rounded-white';   
     hs.numberOfImagesToPreload = 0;   
     hs.showCredits = false;   
     hs.lang = {   
     loadingText : 'Загрузка...',   
     fullExpandTitle : 'Развернуть до полного размера',   
     restoreTitle : 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',   
     focusTitle : 'Сфокусировать',   
     loadingTitle : 'Нажмите для отмены'   
     };   
     hs.allowSizeReduction = false;   
         
     hs.dimmingOpacity = 0.8;   
     </script>   
     <!-- </Увиличение картинок> -->

4. а этот код стави там где будет картинка:

Code

<?if($IMG_URL1$)?><center><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})" title="Нажмите чтобы увеличить картинку"><img src="$IMG_URL1$" style="border: medium none ;" border="0" width="300"></a></center><?endif?>

Очень полезная штука!
кстати лучше редактировать строчки href="$IMG_URL1$" и img src="$IMG_URL1$" и вместо "$IMG_URL1$" вставлять адрес на картинку)

[hidi2]highslide[/hidi2]

Прикрепления: 3738561.jpg (178.8 Kb)


Подпись
 
  • Страница 1 из 1
  • 1
Поиск: