This is a jQuery plugin for my recently released script for generating watermarked images.


Simply call $(document).watermark(); and images with the classname watermark will get a watermark (for this configuration-less function call you need to have watermark.png in your website folder) But you can also configure the watermarks.js jQuery plugin. Simply pass an object with some of these options ( "path", "watermark", "opacity", "position",.. read more about configuring watermark.js ) to the watermark function.

Try it now

Here are some test-images where the watermarks get applied. Click on the following links to test different configurations of watermark.js
Top left position, 40% opacity, watermark path
Opacity 80%, embedded QR-Code (watermark path)
Only watermark path specified