jacobaweiss / cagify.js

A javascript plugin to spice up your placeholder images

cagify.js

A Javascript plugin to spice up your placeholder images.

How It Works

When the page loads, Cagify.js traverses the page, finding all image tags with the class "cagify". It replaces the image's source with a corresponding query to CageMe, a placeholder image generator which uses images of Nicolas Cage in... interesting... situations. A live demo can be found here.

Get Started

Include the source file in your html.

<script src="js/cagify.js"></script>

Include an image tag with the class name "cagify". Be sure to specify its width and height.

<img class="cagify" width="400" height="320">

Want a greyscale image? Use the class name "cagify-grey"!

<img class="cagify-grey" width="300" height="300">