January 2012 Freebie

This month’s freebie is called ImagePreview WordPress plugin. This plugin presents a super cool image or thumbnail hover feature which presents a larger view.

ImagePreview Features:

1. Simple & Lightweight plugin : 40kb size.
2. Auto adjust according to space available.
3. Comes with TinyMCE Button.
4. Multiple ImagePreview supported.

See it live and Download Free for Members! Click here to Register
[emember_protected for=2-3]
ImagePreview Demo
Multi Image preview ImagePreview Download
Free Download | Size: 40kb
[/emember_protected]
Steps for adding For Multiple ImagePreview thumbs or direct usage in the Theme:

1. Install and active the plugin
2. You would require to add some HTML which is understood by the plugin, for example:

<ul class=”preview”>
<li class=”imagepreview”><a href=”http://www.google.com”> <!— First Image –>
<img class=”smallpreview” src=”https://vibethemes.wpengine.com/wp-content/themes/vibethemes/img/flying.png”    alt=”MrVibe” data-image-preview=”http://main.vibethemes.netdna-cdn.com/img/VeryVibe.png”>
</a> </li>
<li class=”imagepreview”><a href=”http://www.google.com”><!— Second Image –>
<img class=”smallpreview” src=”https://vibethemes.wpengine.com/wp-content/themes/vibethemes/img/flying.png” alt=”MrVibe” data-image-preview=”http://main.vibethemes.netdna-cdn.com/img/VeryVibe.png”>
</a></li>
</ul>

<script type=”text/javascript”>

$(‘.imagepreview’).imagePreview({

});
</script>

Change Link to your desired reference point, smallimage to thumbnail ro small image version and large image to larger image version.

Share your feedback or request for next freebie at VibeThemes.com.