Как включить масштабирование с помощью колеса мыши?

-1

У меня есть галерея изображений, которые пользователи будут перемещать, используя только мышь.Как включить масштабирование с помощью колеса мыши?

Я бы хотел, чтобы они могли увеличивать и уменьшать масштаб с помощью колеса мыши, а также двойного щелчка.

источник

2016-07-08 Huw Ollerenshaw

Удачи вам в этом, к сожалению, переполнение стека не является кодовым письмом, вам нужно будет самостоятельно выполнить эту работу и спросить, когда есть конкретные проблемы, с которыми вы сталкиваетесь с. – adeneo

Используйте функцию onscroll для запуска этого эффекта с помощью javascript. –

@RuiCosta 'onscroll' предназначен для обработчика прокрутки, событие' wheel' - для событий колесика мыши. https://developer.mozilla.org/en-US/docs/Web/Events/wheel –

А что делать что-то вроде этого:

var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel" //FF doesn't recognize mousewheel as of FF3.x 

if (document.attachEvent) { //if IE (and Opera depending on user setting) 
    document.attachEvent("on"+mousewheelevt, function(e){ 
     alert('Mouse wheel movement detected!')}) 
} else if (document.addEventListener) { //WC3 browsers 
    document.addEventListener(mousewheelevt, function(e){ 
     alert('Mouse wheel movement detected!') 
}, false)}

Для того, чтобы сделать зум, вы, вероятно, придется сделать некоторые дополнительные работы с Javascript и CSS, как:

.zoom { 
    zoom: 150%; 
}

Here is a resource

источник

2016-07-09 01:14:13 NietzscheProgrammer

Как включить масштабирование с помощью колеса мыши?

ответ

Смежные вопросы