| Главная » Шаблоны и Скрипты для uCoz » Скрипты для uCoz » Разные скрипты для uCoz |
Скрипт увеличения изображения для uCoz
| 12.06.2015, 09:53 | |
| Доброе время суток!/ И вот я решил выложить один замечательный Скрипт увеличения изображения для uCoz если честно я как то и не задумывался о нём но мне написал в личку друг Surovov которому я не могу отказать в помощи и сказал как закончу свои дела обязательно найду такой скрипт. Так вот я нашёл его и убрал немного лишнего и сторонние ссылки , но не беспокойтесь он остался так же работоспособным . Ну теперь давайте установим его ! Для установки в первую очередь скачайте архив с нашего сайта и распакуйте его, затем загрузите папку 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 и вы можете увиличивать изображения кликая по изображению и так же уменьшать его! Вот и всё ! | |
| Просмотров: 354 | Загрузок:23 Скачать | |
| Всего комментариев: 0 | |