JS-плагины №13. Увеличение фото товара через js-image-zoom.js

preview_player
Показать описание
Привет! В этом видео разберем, как сделать увеличение фото товара на сайте с помощью библиотеки js-image-zoom.

Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.

#ityoutubersru #скролл #js_image_zoom
  1. MaxGraph - cайты как страсть
  2. верстка
  3. верстка сайта
  4. верстка сайта с нуля
  5. верстка с нуля
  6. адаптивная верстка
Рекомендации по теме
JS-плагины №13. Увеличение 0:09:33

JS-плагины №13. Увеличение фото товара через js-image-zoom.js

Как создать увеличительную 0:03:41

Как создать увеличительную лупу для просмотра изображения на веб-странице (javascript)....

Увеличение изображения при 0:00:53

Увеличение изображения при скролле или нажатии

Увеличение картинки (Lightbox) 0:09:50

Увеличение картинки (Lightbox) без плагинов

Слайдер для сравнения 0:00:16

Слайдер для сравнения изображений #html #css #javascript #верстка #версткасайта #сайтподключ...

Генерируем пачку фото 0:18:21

Генерируем пачку фото на JS + вылет, + хаос

Плавное увеличение картинки 0:05:46

Плавное увеличение картинки при наведении

Урок uCoz: 1 0:08:58

Урок uCoz: 1 Как сделать увеличение картинки при нажатии на неё...

Image Magnifier JS 0:06:45

Image Magnifier JS Plugin DEMO

Плагин Moguta.CMS Увеличение 0:02:18

Плагин Moguta.CMS Увеличение картинки в каталоге

Увеличение фотографии в 0:00:52

Увеличение фотографии в карточке товара интернет магазина...

Как подключить к 0:07:08

Как подключить к сайту плагин zoom-cloud?

32 Эффект лупы 0:14:36

32 Эффект лупы

Cloud Zoom - 0:00:43

Cloud Zoom - лупа для картинок, демонстрация работы скрипта

Галерея изображений используя 0:11:40

Галерея изображений используя HTML, CSS & JavaScript шаг за шагом || Pop-Up Image Gallery CSS &a...

Урок №24. Увеличение 0:02:06

Урок №24. Увеличение изображений. Модуль 'Zoom Image'

плагин для увеличения 0:01:36

плагин для увеличения изображения, плагин для картинок wordpress...

Как работают увеличивающиеся 0:11:05

Как работают увеличивающиеся при наведении картинки на сайте...

JavaScript Практика - 0:06:41

JavaScript Практика - Всплытие событий - Галерея блок внутри него маленькие с картинками, при клике...

Скрипт эффекта лупы 0:14:36

Скрипт эффекта лупы

xZoom jQuery 0:02:38

xZoom jQuery norberto

Modern Image Zoom 0:02:35

Modern Image Zoom & Gallery Lightbox With JavaScript

Как сделать увеличение 0:11:37

Как сделать увеличение картинки по клику в Joomla 3.X

Галерея на чистом 0:01:00

Галерея на чистом JS за 20 минут

Комментарии
Автор

И да каждый выпуск как праздник, очень интересно

СашаЯшурин
Автор

Спасибо.
Было бы круто, если выйдет видео про плагин.

АлександрГурьев-йф
Автор

Спасибо, Макс! Полезное видео!!! Жду продолжение))

anutasolnechnaya
Автор

Возможно сделать видео, про выпадающее меню, со стрелками прокруткой и т.д. с разными фишками?

СашаЯшурин
Автор

А нельзя сделать чтобы в этом же окне само изображение увеличивалось по наведению?

ФронтендРазработчик
Автор

подскажи какая тема у тебя в vs code?

alexcherepanov
Автор

Красава, слушай. Есть вопрос один, а для мобилок там можно что-то сделать? Или просто лучше отключить на мобилках

const
Автор

Приветствую ! опять нашел то что нужно) а я кстати заметил что на некоторых сайтах при клике на одной из картинки товара открывается модалка со слайдером, и там тоже можно увеличивать и тд, . Планируется такое видео?

MrEmil-cfwo
Автор

Хотелось бы видеть свой плагин имея такой же функционал

tirozit
Автор

писать нужно более 7 слов для продвижения видео !
и лайкать чужие комменты !
п.с. если хотите сказать спасибо !

lisofsky
Автор

Продолбался час. Зумированная картинка фиг знает где справа кусочек только торчит, при открытии страницы изначально не работает в моём случае мне надо полностью скрол вниз сделать, сам квадрат линза изначально не видно, но если настроить худо бедно появляется. Не знаю как у вас он работает, просто копировал с источника и вставил, даже картинку не менял.

АлексейГолубев-ня
Автор

Абсолютно не работает со слайдерами, даже если не брать в расчёт overflow: hidden. А если учесть, что изображения, которые нужно зумировать, в большинстве случаев находятся именно в слайдерах, то это ставит под вопрос полезность данного плагина. Так что да, ждём кастомный zoom)

ankavery