RadCor
@RadCor
Если мой ответ вам помог, отмечайте его решением.

Как таскать и зумит большую картинку в div overflow:hidden?

Всем доброго утра, есть картинка карты жилого посёлка, она большая там что-то типа 8000px на 5000px
Мне её нужно вставить в див и сделать так, что бы человек мог приблизить её, отдалить, и скролить, а лучше таскать курсором влево право что бы она перемещалась (типа как пальцем на планшете).
Добиться эффекта скрола можно и на чистом css через overflow:auto:
А вот как её зумить и таскать курсором, вот это вопрос.
Подскажите как это реализовать, или возможно есть готовые библиотеки для этого.

23dbfbee3e5c4e1f98431a5033a978c8.jpg

Пример кода: jsfiddle.net/ds9q4h2c
  • Вопрос задан
  • 376 просмотров
Пригласить эксперта
Ответы на вопрос 1
littleguga
@littleguga
Не стыдно не знать, а стыдно не интересоваться.
Вот тут написал Вам код. За границы не выходит, зум по скроллу мышки и вообще всё замечательно.

Full screen для теста

upd:
Переписал код, теперь он стал получше. Правда без зума:
https://jsfiddle.net/littleguga/jveaparp/1/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 08:04
1 руб./за проект
22 нояб. 2024, в 06:06
1500 руб./в час
22 нояб. 2024, в 06:04
1 руб./за проект