…The Slider(cycle through them)…
…The Images(click them)…
…The Backgrounds(hover over them)…
With Blurry You Can:
- Create a roundabout slider that converts the in focus image into a blurred background for the page body.
- Create Popout Images that when selected changes an elements(body in demo) background into a blurred version of the selected image.
- Create blurred hover images when mouseover reveal the original non blurred image.
- Autoload a blurred image as an elements background on page load.
That is like 4 plugins in 1 that are all about blurring images.
Note: This plugin uses canvas to blur each image then convert to another image for background purposes so it is very demanding on the browser and server.
It is important to make sure all images used by Blurry are web optimized and small in file size. This will insure that the browser scripts do not hang too long on page load. Even with the best optimization if you are loading many images the browser will hang during the loading process.