In many blogs and news sites images are mostly included as an addition to the content. Space is often limited and therefore we thought of a slick solution to integrate a miniature image gallery that does not occupy a lot of space.

The following jQuery plugin transforms a set of images into a tiny gallery with several options. The Micro Image Gallery allows to switch between a grid view which shows a preview of the images as thumbnails and a single view showing one image only. The navigation bar can be hidden and sliding out when hovering over the gallery, or visible. A total of nine thumbnails are shown in the grid preview. The plugin will automatically resize the image according to the chosen gallery size.

The plugin has the following configuration:

Menu :Defines if the menu should be visible (true) or just appear when hovering over the gallery (false). The default value is true.

Size :The size of the image gallery: “small”, “medium” or “large”.

Mode :The initial mode of the image gallery: “single” or “thumbs”.

Cycle :If set to true, the first image will be displayed again when reaching the end of the gallery.

Auto Play :If set to true, the gallery will jump from image to image automatically.

Auto Play time :The time in milliseconds that it takes to show the next image.

The three sizes of the image gallery define the following picture sizes (maximal height and width):

1) Small Gallery:102 pixels

2) Medium Gallery:162 pixels

3) Large Gallery:222 pixels