kvaThumb jQuery plugin

jQuery plugin for displaying image thumbnails in a neat way. I developed it for my pages, since I wanted such an effect. Like all stuff here it's free to use for everyone.

Documentation


Using kvaThumb plugin is trivial. There are two steps to implement this plugin. First, set the kvaThumb data value for desired element to a thumb image path. Second, apply kvaThumb on a jQuery selector. Example:

$(function () {
    $('#thumb1').data('kvaThumb','image1.jpg');
    $('#thumb2').data('kvaThumb','image2.jpg');
    $('#thumb3').data('kvaThumb','image3.jpg');
 
    $('#thumb1,#thumb2,#thumb3').kvaThumb();
});


There are no options for this plugin. Of course if you dig into the code you'll find that there's an option argument defined. It's not used in the code tho ..

From the demo package - these are the important things:

css/kvaThumb.css
img - folder
js/kvaThumb.js - full code
js/kvaThumb.pack.js - packed code

Other than that there's just some stuff for the demo purposes.

Note: You can apply kvaThumb on any jQuery selector, it doesn't have to be an image.

Compatibility


This plugin was tested successfully with jQuery v1.2.6 and on the following browsers: IE 7, FFX 3+, Opera 9.5+, Chrome 3.0.

Final statement


Feel free to do whatever you want with this plugin and its contents. You can edit the code, implement it into your projects ...
Zobraziť demo Stiahnuť