Правила форума Подписки Ленточный
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
True Stalker (0)
Ловец снов (ОБТ) (0)
Контракт: Выходец с того ... (0)
Prosectors Project 1.7 (0)
Тайна Кордона (0)
У костра (193)
Анекдоты (145)
Города (94)
Обновления сайта (77)
Свалка (68)
StraNNik (1417)
RamzeS (513)
Каратель (170)
Narkostalker (121)
Кракен (93)
p4ladya (05.02.2024)
alexander24tomilin (20.12.2023)
Lesnik (13.12.2023)
nikbal888 (05.12.2023)
Fugaz56 (09.08.2023)
  • Страница 1 из 1
  • 1
Скрипт увеличения изображения для uCoz
Слышу гимн зашитых ртов
StraNNik
Группа: Администратор
Ранг: Опытный
Сообщений: 1417
Карма: 33
Сообщение # 1
Дата: 15.09.2015 в 15:08

Доброе время суток!
И вот я решил выложить один замечательный Скрипт увеличения изображения для 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 и вы можете увиличивать изображения кликая по изображению и так же уменьшать его!

Вот и всё !
Скачать

  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Microsoft Edge
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-28.05.2024