Image Preview 
Reset style
<script type="text/javascript" src="jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="imageframer/if.css" />
<script type="text/javascript" src="imageframer/if.js" ></script>
<script type="text/javascript">
$(function() {
$('.frameThis').imageframer({
frameType: 'wood-old',
frameSize: 4,
innerShadow: 3
});
});
</script>
- Change frameType ← or →
- Change frameSize ↑ or ↓
- Change shadowSize Alt + ↑ or Alt + ↓
- Enter image preview Enter
- Exit image preview Esc
- Reset to default Alt + R
- These hotkeys are limited to this demo, which means that this functionality is not present in the plugin itself.
Want to make your own frames?
There's a separate Photoshop template and a script that I've made available in github.
This script and template will enable you to create your own frames with very little effort.
Image Framer
Image Framer is a jquery plugin that simply wraps your image(s) within a frame.
Despite the name "Image Framer", it's actually capable of framing any element.
