This gives you real placeholder images to use in your site concepts or examples.

It randomly picks an image each time the page loads.

Try refreshing this page and you will see the images below changing even though the source stays the same.

<img src="" />

As you can see, it changes each time the page refreshes. This keeps your page looking fresh and in my opinion is better than a plain placeholder image.

You can use images from a particular category too.

<img src="" />

As with the other dynamic placeholder image source I shared previously, here, you can change the size and the overlay text and can also get it to show in gray scale.

<img src="" />

Check out their site and have a play.

Feel free to leave a comment below and share with your friends/colleagues

Want to thank me?

If I've helped you out and you want to thank me, why not buy me a coffee?

Buy me a coffee

About the author

Paul Seal

Umbraco MVP and .NET Web Developer from Derby (UK) who specialises in building Content Management System (CMS) websites using MVC with Umbraco as a framework. Paul is passionate about web development and programming as a whole. Apart from when he's with his wife and son, if he's not writing code, he's thinking about it or listening to a podcast about it.

Related Posts

How to flip an image using CSS

In this post, Mike Masey shows you how you can flip an image using CSS.

Read Post

How to create a Carousel in Umbraco using Nested Content and Bootstrap

This post will show you how to build a carousel in umbraco using Nested Content and Bootstrap

Read Post

HTML Extension method for returning formatted HTML from a string in C#

This post shows you how to create an extension method for returning formatted HTML from a string inp…

Read Post

The day I hacked Troy Hunt's website to delete my data

I needed to remove my personal details from Troy Hunt's website. This post shows you why and how I d…

Read Post