Witaj w serwisie devPytania

Question

4

1

Ostatnio zobaczylem na jakiejs stronie taki efekt (oczywiscie we flaszu :( ) i odrazu pomyslaem sobie czy daloby sie wykonac taki sam w jQuery (w tym pracuje) lub innej biblotece. Narazie z tego co sie orijetuje to moglbym tylko uzyc 2-ch obrazkow, gdzie jeden bylby normalny drugi rozmyty i po danej akcji pojawial by sie obrazek w werji rozmytej (opacity dążyłoby do 1).

pozdrawiam

edited Jan 29 at 7:27

asked Jan 29 at 7:02

sobi3ch
81●3

WRonX · Answer 1 · 2010-02-10 19:33:45Z UTC

Alez da się! :) Oczywiście nie w "czystym" JS, tylko przy użyciu CSS :)

Zerknij tutaj: http://wronx.net/blog/2010/02/02/efekt-blur-w-czystym-javascript-prosze-bardzo/

EDIT /10.02.2010/: po przeanalizowaniu jeszcze raz odpowiedzi, doszedłem do wniosku, że chodziło o animację przechodzącą w blur. Myślę, że moją metodą można to zrobić na dwa sposoby:

.animate() z opacity dla obrazka będącego "na górze" (kłania się z-index) - tu mielibyśmy efekt fade dla blura.
Opóźnianie pojawiania się kolenych półprzezroczystych obrazków (np kolumnami począwszy od "wewnętrznych") - to dałoby efekt rozjeżdżania się.

vi4m · Answer 2 · 2010-01-29 08:44:38Z UTC

2

Da się. Użyj elementu canvas html5 i modyfikuj piksele uśredniając poziomy.

answered Jan 29 at 8:44

vi4m
29●1

2

Rozwiązanie może i dobre ale trochę nie na dzisiejsze czasy. Canvas nie jest obsługiwany natywnie poprzez żadne IE (nawet 8) – MW Jan 29 at 20:06

ok znalazlem przyklad nihilogic.dk/labs/imagefx z uzyciem projektu pixastic.com rozumiem tez ze jak bede chcial zrobic efekt na cales stronie to bede musial uzyc gigantycznego canvasa ale widac ze sie da.. – sobi3ch Jan 31 at 12:34

MW · Answer 3 · 2010-01-29 07:22:20Z UTC

1

W samym JavaScript czy w jQuery nie ma takich możliwości bezpośrednio. Możliwe to jest, tak jak napisałeś, przed podmienienie obrazka.

answered Jan 29 at 7:22

MW
902●2●7

Czy w javaScripcie da sie osiagnac efekt rozmycia (blur)?

3 Answers