Установка:
1) Вставить перед </head> каждого шаблона, в
котором используется скрипт, для этого можно использовать быструю
замену участков шаблонов.
Code
<script type="text/javascript" src="/highslide/highslide.js"></script> <br> <script type="text/javascript"> <br> hs.graphicsDir = '/highslide/graphics/'; <br> hs.outlineType = 'rounded-white'; <br> hs.numberOfImagesToPreload = 0; <br> hs.showCredits = false; <br> hs.lang = { <br> loadingText : 'Загрузка...', <br> fullExpandTitle : 'Развернуть до полного размера', <br> restoreTitle : 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения', <br> focusTitle : 'Сфокусировать', <br> loadingTitle : 'Нажмите для отмены' <br> }; <br> hs.allowSizeReduction = false; <br><br> </script>
2) В Вид материалов и Страницу материала, там где хотите видеть скрин:
Стандартный:
Code
<style type="text/css" media="all">@import url(/highslide/highslide.css);</style>
<a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)">
<img src="$IMG_SMALL_URL1$" style="max-height:200;" /></a>
С обводкой:
Code
<style type="text/css" media="all">@import url(/highslide/highslide.css);</style>
<a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)">
<img src="$IMG_SMALL_URL1$" style="max-height:200; border:3px solid #2a84ff;" /></a>
Если вы хотите, чтобы уменьшенный и полный скрин были одной и той же картинкой, ставить так:
Code
<style type="text/css" media="all">@import url(/highslide/highslide.css);</style> <br> <a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"> <br> <img src="$IMG_URL1$" style="max-height:200; border:3px solid #2a84ff;" /></a>
3) Папку highslide залить в корень сайта
