HTML5 blurred image preview

[hum@no.id]

I'm trying to pre-pave the way for HTML5 with blurred image preview

I use this filter on a common container (id="container") for the output HTML file. It looks like it works on all browsers.
head tag

Code: Select all

<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="blur"><feGaussianBlur stdDeviation="3" /></filter></svg>

style tag

Code: Select all

#container {-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); filter: url(#blur); }

How can I achieve this effect, the selective use only pre-loading (type: color) images? Any idea....