We are ethical swinger javascript coders. That means - we are people who practice the swinging lifestyle and support/advocate it. 10% of our time we support swingers related websites - swingers clubs directories, social networks, events lists and do it for free. If you didn't get into our 10% window and you are representing any alternative relationship/sex lifestyle (polyamory, swing, kink, BDSM, casual sex) - we would be glad to serve you by 50% of market prices. Also, we doing an effort to spread the information about lifestyle and anything related to it. At this blog, we would make posts sometimes about our swingers related projects. One of project which we support is https://allswingersclubs.org/ - pls, support it either - visit it, comment, add your clubs.
An image gallery is part of the modern web 2.0 design. There are many ways to show it. For eg: thumbnail listing of images – clicking will show the corresponding large image in an overlay div – like lightbox. The other method is, list images inline – no popups.
Here I’ve listed 10 jQuery plugins which can be used for this type of gallery. All these plugins can show images with some transition effects. I didn’t consider lightbox like (popup) scripts. But you may be interested in the following articles.
Galleria
Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.
The core of Galleria lies in it’s smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery.
| DEPENDENCIES | jQuery 1.2 |
|---|---|
| SIZE | Less than 5KB (Compressed) |
| RESTRICTIONS | None (GPL) |
| DEMO | Open | Open in new window |
| INFO & DOWNLOAD | Open |
Gallerific
Features
- Smart image preloading after the page is loaded
- Thumbnail navigation (with pagination)
- Support for bookmark-friendly URLs per-image
- Slideshow (with optional auto-updating url bookmarks)
- Events that allow for adding your own custom transition effects
- Support for image captions
- Flexible configuration
- Graceful degradation when javascript is not available
- Support for multiple galleries per page
| DEPENDENCIES | jQuery 1.2 |
|---|---|
| SIZE | 12 KB (Minified) |
| RESTRICTIONS | None |
| DEMO & DOWNLOAD | Open | Open in new window |
S3 Slider
It is a simple & lightweight jQuery plugin which can show images with captions. It is useful, if we want to show image slide shows without thumbnails.
| DEPENDENCIES | jQuery 1.2 |
|---|---|
| SIZE | Less than 2KB (Packed) |
| RESTRICTIONS | None |
| DEMO | Open | Open in new window |
| INFO & DOWNLOAD | Open in new window |
Coda Slider
Though it is not limited to showing images, it is still an option to show images.
Read more
Slide Viewer
slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images
| DEPENDENCIES | jQuery 1.2, jQuery Easing plugin |
|---|---|
| SIZE | Less than 2KB (Packed) |
| RESTRICTIONS | None |
| DEMO & DOWNLOAD | Open | Open in new window |
Easy Slider
This is a multipurpose sliding gallery. It can show images or text contents.
| DEPENDENCIES | jQuery 1.2 |
|---|---|
| SIZE | 8KB (Uncompressed) |
| RESTRICTIONS | None |
| DEMO | Open | Open in new window |
| INFO & DOWNLOAD | Open in new window |
Crossfade
It supports some very advanced transition effects like Ken Burns effect. The transitions can be customized.
| DEPENDENCIES | jQuery 1.2 |
|---|---|
| SIZE | Less than 12KB |
| RESTRICTIONS | None (GPL) |
| DEMO & DOWNLOAD | Open | Open in new window |
Innerfade
InnerFade is a small plugin for the jQuery-JavaScript-Library. It’s designed to fade you any element inside a container in and out.These elements could be anything you want, e.g. images, list-items, divs.
| DEPENDENCIES | jQuery 1.2 |
|---|---|
| SIZE | Less than 6KB |
| RESTRICTIONS | None |
| DEMO & DOWNLOAD | Open | Open in new window |
9. Enhance Gallery
| DEPENDENCIES | jQuery 1.2 |
|---|---|
| SIZE | Less than 4KB |
| RESTRICTIONS | None |
| DEMO & DOWNLOAD | Open | Open in new window |
jQuery Cycle plugin
The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.
| DEPENDENCIES | jQuery 1.2 |
|---|---|
| SIZE | 18 KB (With all transition effects – Core plugin 9KB) |
| RESTRICTIONS | None |
| DEMO & DOWNLOAD | Open | Open in new window |
Space Gallery
| DEPENDENCIES | jQuery 1.2 |
|---|---|
| SIZE | 13 KB |
| RESTRICTIONS | None |
| DEMO & DOWNLOAD | Open | Open in new window |
Image Flow
Another image gallery that mimics apple’s coverflow animation.
Read more