• Страница 1 из 1
  • 1
Создание увеличение изображение для сайтов
Kosten
Четверг, 19 Декабря 2019, 01:18 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Увеличение изображение можно встретить на любом тематическом сайте, ведь оно отлично дополняет функции сайта в плане увеличить картинку. И безусловно не как не обойтись без этой функций, если вы размещаете на сайте изображение.

И вашему внимание интересное решение, виде скрипта, который при клике увеличивает картинки. Здесь мы разберем под оператор, который применяется на конструкторе 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
Четверг, 19 Декабря 2019, 01:19 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Также можете рассмотреть скрипт увеличение картинки в ajax окне для uCoz, что ранее работал, сейчас возможно сбой после обновлений, но нужно проверять.
Страна: (RU)
-SAM-
Четверг, 19 Декабря 2019, 04:21 | Сообщение 3
Оффлайн
Друзья сайта
Сообщений:896
Награды: 40
На uCoz по умолчанию подключены эти библиотеки и стили на него, а именно системные uLightbox, jQuery... это решение уже будет довеском, так сказать (если сходу навешивать, предварительно не "выпилить" с нужной страницы системные или не отключить их в ПУ сайта). Ну, а что касается обнов - не теряло там оно работоспособности, это создание всплывающего окна (uWnd).

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




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


Сообщение отредактировал
-SAM- - Пятница, 20 Декабря 2019, 01:45
Страна: (UA)
Kosten
Четверг, 19 Декабря 2019, 21:04 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
На самом первом дизайне выставил это увеличение, что еще на скомск сайте установлено было, что больше всего из всех нравится.
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: