Используйте mousedown и перетащите, чтобы увеличить изображения миниатюр?

Question

Используйте mousedown и перетащите, чтобы увеличить изображения миниатюр?

0

Хорошо, поэтому в основном я хотел бы, чтобы пользователь мог перетащить указатель мыши на сетку изображений, а изображение, находящееся под мышью, изменилось на больший размер по мере перемещения мыши. Если вы знакомы с функциональностью масштабирования на доке OSX, это очень похоже на то, что я хочу. Я знаю, что я мог бы легко выполнить эту задачу с событием "mouseover", но мне нужно решение, которое может быть реализовано для сенсорных и мышечных входов. Поскольку для прикосновения нет эквивалента мыши, мне нужно использовать mousedown и mouseup. Пока это работает, только если пользователь нажимает на изображение, освобождает мышь и затем нажимает на другое изображение. Он не может просто перетащить с одного изображения на другое, с уменьшением размеров изображений по пути.
Это два события: largeThumb и smallThumb - это функции, которые изменяют размер изображения.
$("img").on("mousedown", largeThumb) $("img").on("mouseup", smallThumb) здесь jsfiddle http://jsfiddle.net/wg48Q/3/

Какие-либо предложения?

ordanj 23 сен. 2013, в 23:25

Источник

Теги:

javascript

html

1 ответ

Ещё вопросы

Oshibka404 · Answer 1 · 2013-09-23T20-14-00.000Z

На данный момент у меня нет сенсорного устройства, но это должно работать так, как планировалось:

img {
    height:64px;
    width:64px;
    -webkit-transition:all 0.5s ease-out 0;
    -moz-transition:all 0.5s ease-out 0;
    -o-transition:all 0.5s ease-out:0;
    transition:all 0.5s ease-out 0;
}

img:hover {
    height:120px;
    width:120px;
}

http://jsfiddle.net/Z9Shu/2/

Спасибо, но это как бы игнорирует суть проблемы. :)