Масштабируем рисунок колёсиком мыши?

Первый код был оптимистично задуман для кроссбраузерного масштабирования рисунка колёсиком мыши, причём, текущее положение курсора должно служить центральной точкой масштабирования. Иcпользует JQuery, просто так удобнее создавать скриптом элементы.

Увы, мыши бывают и без колёсиков, а обработка события от колёсика нестандартна, некоторые браузеры, например, Firefox, вообще это нормально не поддерживают. В IE/Edge и "Хромом" должно работать, в Firefox точно нет, насчёт остального не знаю.

Второй код, вроде бы, кроссбраузерней, работает и в Firefox, но он прокручивает элемент всегда "от центра".

Чтобы в некоторых браузерах контент не "вылазил" за границы обрамляющего рисунок раздела, я не придумал ничего лучше, чем сунуть его в двойной вложенный div с полосой прокрутки.

В общем, от применения приёма придётся отказаться, но файлы выбрасывать жалко, может, когда и доделаются.

Исходники в кодировке Юникода utf-8 можно увидеть из приложенных файлов HTML.

 OnWheel.html, открыть в текущем окне/вкладке (3 Кб)

 OnWheel2.html, открыть в текущем окне/вкладке (2 Кб)

16.12.2019, 20:29 [1817 просмотров]