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