Доброе время суток!
И вот я решил выложить один замечательный Скрипт увеличения изображения для uCoz если честно я как то и не задумывался о нём но многие его ищут и хотят установить себе на сайт.
Данный скрипт есть в интернете во многих вариантах и это один из них и думаю я постепенно для вас выложу ещё варианты.
Так вот я нашёл его и убрал немного лишнего и сторонние ссылки , но не беспокойтесь он остался так же работоспособным .
Ну теперь давайте установим его !
Для установки в первую очередь скачайте архив с нашего сайта и распакуйте его, затем загрузите папку highslide в корень
вашего сайта (Файловый менеджер)
Следующим шагом мы установим скрипт в верхнюю часть сайта :
Код <script type="text/javascript" src="/highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
// override Highslide settings here
// instead of editing the highslide.js file
hs.graphicsDir = '/highslide/graphics/';
</script>
Затем нам остаётся настроить само изображения и для этого вам нужно пройти в вид материала того модуля где у вас выводится изображения и находим тот код который выводит у вас изображения .
Обычно это выглядит примерно так:
Код <img src="$IMG_URL1$" width="460" height="200" alt="" />
И нам его всего лишь нужно подредактировать а точнее добавить ссылку для увеличения .
И делается это вот так :
Код <a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"> <img src="$IMG_URL1$" width="460" height="200" alt="" /></a>
И теперь при наведение на картинку у вас появится значёк Zoom и вы можете увиличивать изображения кликая по изображению и так же уменьшать его!
Вот и всё !
|