Главная » 2010 » Декабрь » 30 » Плавное увеличение картинки (Highslide)
23:26:34
Плавное увеличение картинки (Highslide)
Чтобы скачивать файлы с сайта вы должны Войти или Зарегистрироваться!

Плавное увеличение картинки (highslide).
При нажатии на маленькое изображение оно будет плавно увеличиваеться.
Увеличенное изображение будет в круглой рамке и его можно будет свободно перемещать.

Установка:
Сначала скачиваем архив и папку highslide заливаем в корень сайта со всем содержимым.

В Вид материалов того модуля,куда будем ставить скрипт,в самый верх ставим:

Code
<script type="text/javascript" src="/highslide/highslide.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" - ширина уменьшенной картинки.

Скрипты для uCoz | Просмотров: 1396 | Добавил: RAIDER
Всего комментариев: 2
na3bka 10.08.2011 в 01:49:11
Робит)

DENISSISS 20.02.2011 в 13:03:42
хня не робит angry

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]