Simulate Water Ripples On The Surface of A Image

This jQuery simulates water ripples on the surface of any image you apply the effect to. Includes 3 settings for:

• arbitrary – time in miliseconds to generate a new random water ripple. By default it generates a new ripple every second.
• onclick – generate a new ripple on the mouse click.
• onmove – generate a series of ripples when moving the mouse over the animation.

See the video demo:

You can use the code in this tutorial to add a image in any theme or swap out the class the effect applies to, to a existing image class.

Here’s the code and installation instructions for members: