При нажатии на маленькое изображение оно будет плавно увеличиваться.
Увеличенное изображение будет в круглой рамке и его можно будет свободно перемещать.
Установка:
1. Создаём в файловом менеджере папку highslide и загружаем туда все файлы/папки из архива
2. этот код мы вставляем туда, где бы нам хотелось, чтобы картинка увеличивалась-уменьшалась(например в добавлении новостей)
и меняем слово "ССЫЛКА НА КАРТИНКУ" соответственно на саму картинку(вставлять нужно ссылку на одну картинку в оба места)
Code
<center><a href="ССЫЛКА НА КАРТИНКУ" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="ССЫЛКА НА КАРТИНКУ" border=0 width=200 style="border:none;"></a></center>
3. а вот этот скрипт, мы не трогая ставим во всех шаблонах между тегами head и
Code
<style type="text/css" media="all">
@import url(highslide/highslide.css);
</style>
<script type="text/javascript" src="highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
</script>
Все!!! пожалуй скрипт установлен и пользуемся :-)
P.S.
при увеличении, картинка будет подгоняться по размеру вашего окна, но внизу справа картинки будут стрелки, нажав их,вы сможете просмотреть картинку в полном объёме......
0
