Just displaying a few examples of how the preview-image-jquery plugin works. This example page uses the default options for the plugin (no extra script.) To make this work, we need to include the jquery and plugin scripts: 

<script src="http://code.jquery.com/jquery-{version}.min.js"></script>
<script src="preview-image.js"></script>
And then we just need to include 'data-preview-image' attributes with the url to an image we want displayed on mouseover. View the source of this page to see how it's done.

If you mouse-over the image to the left, you should see a larger view displayed in a pop-up above everything else. Also, if you mouse-over this link you should see a preview image as well.

If you are interested in an example that uses some custom options, go here. You can also see an example where no css is included by the plugin.