How do you display an image/icon based on some logic.

I would like to display a image(static resource) or icon based on the value of a field.  sort of like…

if 1=blue.jpg
if 2=red.jpg


A few ways to tackle this, but if you have a limited number of options, just add an image component to your page for each one, and conditionally render them.

thanks Matt...I could have sworn I saw a post for doing this with either css or a snippet.  I just can't seem to find it.  A custom renderer?