Гость
Статистика Форума
Последнии темы Читаемые темы Лучшии пользователи Новые пользователи
  • Мини сюжетный мод"Лейтенант посланный в зону"... (2)
  • ATM Shaders Mod v 0.1: Soft Hardened Shadows for DX10 (0)
  • Золотой Шар. Завершение (0)
  • Все игры по Средиземью (список) (0)
  • Тёмные uWnd окна для uCoz (0)
  • Weloveiconfonts — иконки из шрифтов на чистом CSS (0)
  • Эффекты увеличения изображений через плагин Cloud Zoom (0)
  • Подсветка синтаксиса Code через Google Pretty для uCoz (0)
  • Спасибо виде плюса за материал, статью для uCoz (0)
  • Кнопка переключения дизайна (0)
  • Русскоязычное руководство по моду Frackin' Universe... (38)
  • Фоны для сталкерского сайта (32)
  • Capital-Rp Wikia Code (22)
  • Личные сообщения (18)
  • Проблемы в модуле "Пользователи" (17)
  • Рамки сталкер / для аватарок / новостей. (13)
  • Контент блоки Сталкер // Content block stalker (11)
  • Гид прохождения Золотой Обоз 2 (11)
  • Блоки сталкер // Block stalker (9)
  • Вопросы // Ответы (8)
  • Xemordio (1792)
  • Ghosteron (2)
  • BlackHARD (0)
  • VarWarrer (0)
  • grigorjevaolga75 (0)
  • Milan_Shubin (0)
  • Илья (0)
  • taxxat (0)
  • (((miha))) (0)
  • igor (0)
  • TonaTor (06.06.2018)
  • BlackHARD (17.05.2018)
  • VarWarrer (16.05.2018)
  • grigorjevaolga75 (14.05.2018)
  • Milan_Shubin (30.04.2018)
  • Илья (18.04.2018)
  • taxxat (14.04.2018)
  • (((miha))) (11.04.2018)
  • igor (03.04.2018)
  • avdeevay27 (02.04.2018)

    • Страница 1 из 1
    • 1
    Форум » Web uCoz » Скрипты для uCoz » Эффекты увеличения изображений через плагин Cloud Zoom
    Эффекты увеличения изображений через плагин Cloud Zoom
    Xemordio [Offline]Дата: Воскресенье, 10.06.2018, 07:43 | Сообщение # 1
    Генерал [?]
    Группа: Администраторы
    Сообщений: 1792
    Награды: 0
    Репутация: 1

    Неплохой плагин с несколькими видами увеличения картинок
    Если эффекты увеличения впечатлили, переходим к установке:
    В ‹head› на всех страницах сайта, где будет применяться данный плагин, вставляйте следующий код:
    Код
    <link href="/css/cloud-zoom.css" rel="stylesheet" type="text/css" />

    Далее после ‹/head› на тех же страницах вставляйте:
    Код
    <script type="text/JavaScript" src="/js/cloud-zoom.min.js"></script>

    Теперь в то место, где будут располагаться картинки, обрабатываемые плагином zoom вставляйте:
    1) Для эффекта появления увеличенного изображения справа от картинки:
    Код
    <a href='Ссылка на большое изображение' class = 'cloud-zoom' id='zoom1' rel="tint: '#ff0000',tintOpacity:0.5 ,smoothMove:5,zoomWidth:480, adjustY:-4, adjustX:10">
    <img src="Ссылка на уменьшенное изображение" title="Название или описание картинки" />
    </a>

    Обратите так же внимание, что для каждой новой картинки, которая будет обработана этим эффектом, необходимо указать свой id (id='zoom2', id='zoom3' и т.д.);
    2) Для эффекта появления увеличенного изображения внутри исходной картинки:
    Код
    <a href="Ссылка на большое изображение" class="cloud-zoom" id="zoom1" rel="position:'inside' , showTitle:false, adjustX:-4, adjustY:-4">
    <img src="Ссылка на уменьшенное изображение" title="Название или описание картинки" />
    </a>

    Здесь тоже не забудьте проставить для каждой новой картинки свой id (id='zoom2', id='zoom3' и т.д.);
    Теперь осталось лишь залить папки из архива в корень вашего сайта
    Всё! Материал подготовлен Apocalypse.

    [grayb]Скачать материал: https://yadi.sk/d/DZSwep9E3XdccZ[/grayb]
    Форум » Web uCoz » Скрипты для uCoz » Эффекты увеличения изображений через плагин Cloud Zoom
    • Страница 1 из 1
    • 1
    Поиск:

    12:35
    Обновить