| Главная » Шаблоны и Скрипты для uCoz » Скрипты для uCoz » Разные скрипты для uCoz |
Скрипт увеличения изображения для uCoz
| 28.03.2015, 15:04 | |
| Доброе время суток! И вот я решил выложить один замечательный Скрипт увеличения изображения для 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 и вы можете увиличивать изображения кликая по изображению и так же уменьшать его! Вот и всё ! | |
| Просмотров: 395 | Загрузок:26 Скачать (75.7 Kb) | |
