• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Создание увеличение изображение для сайтов (Увеличение картинки при нажатии для конструктора uCoz)
Создание увеличение изображение для сайтов
Kosten
Дата: Четверг, 2019-12-19, 01:18 | Сообщение 1
Оффлайн
Администраторы
Сообщений:26707
Награды: 61


Увеличение изображение можно встретить на любом тематическом сайте, ведь оно отлично дополняет функции сайта в плане увеличить картинку. И безусловно не как не обойтись без этой функций, если вы размещаете на сайте изображение.

И вашему внимание интересное решение, виде скрипта, который при клике увеличивает картинки. Здесь мы разберем под оператор, который применяется на конструкторе uCoz.



Создаем оригинальном размере в стиле Lightbox

Безусловно есть минус, так как под этот скрипт мы может задействовать одно изображение. Хоть на конструкторе по умолчанию идет увеличение, это просто как материал, который возможно пригодится при создание сайта.

Установочный процесс:

1. Загрузить файлы с архива себе на сайт;
2. Между head и /head вставить код в нужном вам модуле;

Код
<link href="/css/lightbox.css" rel="stylesheet">

3. Перед /body в том же модуле вставить код:

Код
<script src="/js/lightbox.js"></script>

4. Заменить

Код
$IMG_URL1$

Где нужно увеличение на:

Код
<a href="$IMG_URL1$" data-lightbox="example-1">
<img class="example-image" src="$IMG_URL1$" alt="$TITLE$" />
</a>

Где завершена установка, но не забываем, что здесь мы рассмотрели под систему uCoz.
Прикрепления: 8773666.png(39.5 Kb) · lightbox2-uonuc.rar(121.9 Kb)
Страна: (RU)
Kosten
Дата: Четверг, 2019-12-19, 01:19 | Сообщение 2
Оффлайн
Администраторы
Сообщений:26707
Награды: 61


Также можете рассмотреть скрипт увеличение картинки в ajax окне для uCoz, что ранее работал, сейчас возможно сбой после обновлений, но нужно проверять.
Страна: (RU)
-SAM-
Дата: Четверг, 2019-12-19, 04:21 | Сообщение 3
Оффлайн
Друзья сайта
Сообщений:710
Награды: 29


На uCoz по умолчанию подключены эти библиотеки и стили на него, а именно системные uLightbox, jQuery... это решение уже будет довеском, так сказать (если сходу навешивать, предварительно не "выпилить" с нужной страницы системные или не отключить их в ПУ сайта). Ну, а что касается обнов - не теряло там оно работоспособности, это создание всплывающего окна (uWnd).

UPD.:
Цитата Kosten ()
[...] на скомск сайте установлено было [...]
Да, highslide - это достаточно мощная штука (на diz-cs всё время используется), нужно на оф. сайте под себя настраивать - много разных эффектов там, от простого увеличения до создания галерей.




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи и ответы на ваши вопросы по системе uCoz.


Сообщение отредактировал
-SAM- - Пятница, 2019-12-20, 01:45
Страна: (UA)
Kosten
Дата: Четверг, 2019-12-19, 21:04 | Сообщение 4
Оффлайн
Администраторы
Сообщений:26707
Награды: 61


На самом первом дизайне выставил это увеличение, что еще на скомск сайте установлено было, что больше всего из всех нравится.
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Создание увеличение изображение для сайтов (Увеличение картинки при нажатии для конструктора uCoz)
  • Страница 1 из 1
  • 1
Поиск: