Плавное увеличение картинки (highslide).
При нажатии на маленькое изображение оно будет плавно увеличиваеться.
Увеличенное изображение будет в круглой рамке и его можно будет свободно перемещать.
Установка:
Сначала скачиваем архив и папку highslide заливаем в корень сайта со всем содержимым.
В Вид материалов того модуля,куда будем ставить скрипт,в самый верх ставим:
Code
<script type="text/javascript" src="/highslide/highslide.js"></script>
<script type="text/javascript" src="/highslide/highslider.js"></script>
<script type="text/javascript" src="/highslide/highslider.js"></script>
В этом же шаблоне,туда,где будет картинка ставим:
Code
<a href="$IMG_URL1$" onclick="return hs.expand(this)"><img src="$IMG_URL1$" border="0"></a>
Это для тех,кто загружает картинки на сайт.
Если для изображения вы используете Доп.поле или какое либо другое поле,то в коде замените $IMG_URL1$ на поле изображения.
Например,если для изображения я использую Доп.Поле 1 ,то заменю на $OTHER1$ , если использую поле Сайт автора,то на $AUTHOR_SITE$.
Так же можно изменить ширину уменьшенной картинки.
width="150" - ширина уменьшенной картинки.
Скачать с сервера:
Теги:
Проверить тиц
Витрина ссылок
The_Host[Материал]