Есть ли плагин JQuery или что-то, чтобы иметь дело с непрозрачностью изображения на уровне пикселей на уровне пикселей - PullRequest
1 голос
/ 29 октября 2011

В данный момент я работаю над проектом, в котором у меня есть два изображения, одно размещено поверх другого, и мне бы хотелось, чтобы нижнее изображение просвечивало больше при наведении курсора мыши на изображение, и оно мне нужнопопиксельный уровень, я попытался создать количество делений X на Y, которые были бы размером 1 на 1 пиксель, каждый из которых имел один и тот же фон, но сместили фон на свои позиции, чтобы верхние пиксели изображения составляли 1 пиксель, поэтому я могизмените непрозрачность каждого div при наведении курсора.Попытка этого привела к тому, что мой браузер зашел в тупик с таким количеством дел.

Есть ли способ, которым я могу сделать это (не во флэш-памяти), но таким образом он будет работать во всех браузерах достаточно быстро, чтобы он выглядел гладко и без остановки браузера?

1 Ответ

0 голосов
/ 29 октября 2011

Наиболее адекватным будет элемент Canvas. Это не поддерживается ВСЕМИ браузерами, только настоящие. (Internet Explorer добавил поддержку Canvas только в версии 9).

Используя абсолютное позиционирование холста над изображением, кто-то может изменить альфа-значения холста, чтобы сделать базовое изображение «просвечивающим».

Примером непроизводственного кода может быть этот (протестирован и работает в FF7): http://jsbin.com/uxizav/edit#preview

...