Comments 46
IE7 показывает пустую страницу. Ругается на JS ошибку.
+5
IE6 сейчас используют только веб-разработчики, чтобы делать свои сайты совместимыми с IE6 :)
+44
О том, что ИЕ6'нутый используют только веб-разработчики заблуждаются только сами веб-разработчики, пытаясь мечту притворить в реальность -)))
Я не призываю вдруг заново поддерживать ИЕ6'нутый браузер, а лишь прошу не иметь иллюзий, что его нету (.
Мы на него забили, но не совсем. Предупреждение висит всегда, но раз в полгода смотрим как выглядит что-то новое, и если можно поправить — поправляем.
В таблице статистика за месяц. Вторая колонка — визиты. И даже такая цифра — удручает :(
![распределение по ИЕ на сайте XX](https://habrastorage.org/r/w1560/getpro/habr/comment_images/2f6/b93/25b/2f6b9325b50d959f95929ffca0664ed9.png)
Я не призываю вдруг заново поддерживать ИЕ6'нутый браузер, а лишь прошу не иметь иллюзий, что его нету (.
Мы на него забили, но не совсем. Предупреждение висит всегда, но раз в полгода смотрим как выглядит что-то новое, и если можно поправить — поправляем.
В таблице статистика за месяц. Вторая колонка — визиты. И даже такая цифра — удручает :(
![распределение по ИЕ на сайте XX](https://habrastorage.org/getpro/habr/comment_images/2f6/b93/25b/2f6b9325b50d959f95929ffca0664ed9.png)
+3
Opera 11.50 — пустое окно, изображения появляются ток при наведении курсора :(
+8
Я скромно предполагаю, что если бы скрипт производил бы обратную процедуру то цены бы ему не было :).
-2
В примере, из ссылок в конце статьи, нет девушки из первой картинки (:
+9
В IE9 не так эффектно смотрится, как в Chrome например.
0
На странице с мутными картинками меня подташнивает.
+3
Меня тоже. А вот уменьшение насыщенности картинок не в фокусе мне понравилось.
Несмотря на то, что автор сделал именно размытие по Гауссу, на основе данного примера можно сделать и другие эффекты.
Несмотря на то, что автор сделал именно размытие по Гауссу, на основе данного примера можно сделать и другие эффекты.
+1
Кстати, да. А я почти сразу чувствую резь то ли в глазах, то ли в мозгу.
Приём интересный, возьму на заметку, но пример не кажется приемлемым для Web-дизайна в текущем виде. Может, размытие чересчур сильное.
Приём интересный, возьму на заметку, но пример не кажется приемлемым для Web-дизайна в текущем виде. Может, размытие чересчур сильное.
0
Зашел на страницу, думал с глазами что-то. Навел мышку — отлегло.
0
По мне так девушка что в начале топика наиболее красива в «полуразмытом» состоянии, а именно на второй картинке)
0
сафари — не работает эффект.
опера — при наведении появлется картинка, а так белая страница.
корректно только в файрфоксе.
опера — при наведении появлется картинка, а так белая страница.
корректно только в файрфоксе.
+3
В Chromium (12.0.742.91 (87961) Ubuntu 10.10) всё красиво, в Firefox 5.0 — тоже.
0
А сафари-таки не поддерживает этот фильтр www.w3schools.com/svg/tryit.asp?filename=filter1&type=svg
+1
Очень рекомендую
$('.blurImageContainer:not(:animated)').hover(function(){…
добавить, выделенное жирным.
Еще вариант:
$('.blurImageContainer').hover(function(){
$('.blurImage', this).stop(true, true).animate({opacity: 1}, 500);
$('.blurImageContainer:not(:animated)').hover(function(){…
добавить, выделенное жирным.
Еще вариант:
$('.blurImageContainer').hover(function(){
$('.blurImage', this).stop(true, true).animate({opacity: 1}, 500);
+4
По-моему, сегодня вешать что-то серьезное и визуально заметное на load просто нельзя.
Просто потому, что на более-менее серьезном сайте этот самый load можно ждать минутами. Всякие там ифреймы, баннеры, аналитики бывает грузятся еще очень долго даже после того, как страница визуально давно отрисовалась и все работает.
В том же жквери, например, можно повесить код на событие load отдельной картинки, что как раз то что надо в этой ситации.
Просто потому, что на более-менее серьезном сайте этот самый load можно ждать минутами. Всякие там ифреймы, баннеры, аналитики бывает грузятся еще очень долго даже после того, как страница визуально давно отрисовалась и все работает.
В том же жквери, например, можно повесить код на событие load отдельной картинки, что как раз то что надо в этой ситации.
0
Спасибо! А скажите, возможно ли подобный подход применить для эффекта типа Aero Glass, то есть перед размытым слоем есть полупрозрачный слой, при этом возможно движение обоих слоёв, а за границами переднего слоя размытия фонового слоя быть уже не должно? Сейчас такое реализовал через синхронизацию двух изображений, одно из которых уже размытое, но хотелось бы более красивого способа…
0
А можно сделать, чтобы купальник размывался, а что под ним — нет?
0
Я думаю, этот пост открыли многие лишь из-за картинки (:
0
Судя из комментариев это нормально работает только в Firefox'е. Если так, то в нем можно применять эффекты svg к html — developer.mozilla.org/En/Applying_SVG_effects_to_HTML_content. Быть может тогда это все можно сделать без всякого js, простым css / html / svg (smil)?
0
Не только в нем. На текущий момент проблемы только две: IE6 и Safari. В остальных вы можете сами проверить. A SMIL работает не везде (например, Microsoft полностью отказалась от него в пользу CSS анимаций)
+1
Неплохо, но уж больно процессор напрягает. Не лучше ли будет рассчитать размытие заранее (скажем 5 ступеней)? и анимировать без прозрачности?
P.S. Может это из-за того, что у меня Фокс старый…
P.S. Может это из-за того, что у меня Фокс старый…
0
ЭЭх, девочку на фотографии не размывать, а зумить и шарпить надо
0
Лучше делать расфокусированность (unfocus, lens blur и т.п.). Не тошнит, как от гаусса.
0
спасибо за статью. на практике более полезно было бы применять не размытие, а десатурацию (не знаю как правильнее сказать — приведение к чернобелому, точнее, градациям серого).
0
Ну такую-то картинку и поблюрить не грех!
+2
Sign up to leave a comment.
Размытие изображений по Гауссу с помощью SVG