Нужна помощь с размытием изображений через JavaScript
Ищу альтернативы библиотеке Pixastic или плагины для jQuery, которые могут размывать картинки на странице.
Что у меня есть:
У меня страница с результатами поиска пользователей. У каждого пользователя есть галереи фотографий, которые скрыты за кнопкой (через display: none
). Некоторые галереи приватные и их нужно показывать размытыми.
Что уже пробовал:
- CSS трюк для Firefox - не сработал
- Библиотеку Pixastic (обычное размытие и fast-blur) - сначала ошибка с jQuery объектом, потом при передаче DOM элемента просто не работает
- Копировал код из демо Pixastic через Firebug - картинка добавляется, но без эффекта размытия
- Пробую blur.js - работает, но странно. При повторном вызове
jqueryelement.blurjs()
первая картинка теряет размытие (фон правильного размера остается, но само изображение пропадает), а вторая размывается нормально
Техническая информация:
Работаю на ColdFusion. Есть вариант использовать ImageBlur()
на сервере, но боюсь что будет слишком медленно для страницы с множеством результатов поиска.
Кто-нибудь знает рабочие решения для размытия изображений в браузере?