Placebox.es is a free image placeholder service which both novice and experienced web designers can use in their template designs. Our service is 100% free and you can use it as much as you like and on any page or project you wish.

We have tried to make the use of our service, as easy and simple as possible, and in fact all you have to do to generate a placeholder on the fly, is simply adding the width dimension to the url in your address bar: http://placebox.es/150/.

The above example produce a square 150px image placeholder, with background color randomly changing at load time.
Should you need more advanced stuff such as custom Background color on the image placehold or possibly a different Text color and maybe a custom text to top it all off, then this is also possible. See the advanced examples below.

You can automate the generation of the image placeholders, in such a way that the only thing you as a designer needs to do is to make sure the dimensions of an IMG tag is set either directly on the element or in the CSS file.

To make this magic happen, you only need to download the .js file and link it in the head section of your html page, and then call the code block listed below. Doing so will make the placeholder magic happen.

Download script
Click here to download placeboxes.js file
Click here to download full code example including HTML page

Code to call the function
$(document).ready(function () {
   $('body').placeboxes();
});