Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

Image Gallery


Zino Slider

Submitted by riverside on January 9, 2012 - 3:19pm

Introduction

Zino Slider is an image and content slider inspired by jQuery UI source. Require jQuery 1.4.2 or higher

Features

  • Cross browser support (Firefox 3+, Chrome 11+, IE8+, Safari 4+, Opera 10+)
  • Full featured and powerful API
  • Slideshow capabilities
  • Highly customizable
  • Horizontal and vertical orientation
  • Multiple sliders on the same page
  • Unobtrusive JavaScript
  • SEO friendly
  • Valid HTML/CSS
  • Semantic HTML

Easy Gallery for jQuery

Submitted by alaa_badran on October 12, 2010 - 4:02pm

Easy Gallery

An easy jquery image gallery slider. Simple code and simple HTML code.
Simple as:

* including the script to your web page.
* add this code: $("#galleryID").egallery();

Options

Options to be passed to customize it more:
Example: $("#galleryID").egallery({ width:500,
height:230,
easing: 'easeInOut',
speed: 1000
});

width: 400, // Width for gallery holder, li
height: 400, // Height for each element
speed: 600, // Animation speed in MS
delay: 3000, // delay for auto play to transact.
easing: 'swing', // Easing animation. require to include easing plugin
thumbs: 'none', // Thumbs: none, numbers, image OR custom
thumbClass: '', // Thumb CSS class
thumbImage: '', // Image url for thumbs.
aClass: '', // Thumb active class
auto: true // True to enable auto play

Apple Dock OSX menu zoom and slide functionality

Submitted by hermanvandermaas on September 28, 2010 - 4:33pm

This menu plugin resembles the Apple Dock menu. You can use it as an image slideshow or for displaying links to social networks. The script is a jQuery plugin, so you also need to include the jQuery library. You can download the jQuery library below. This script works on a div containing img’s, optionally wrapped in hyperlinks.

Apple Dock OSX menu

Submitted by hermanvandermaas on September 28, 2010 - 4:09pm

This menu plugin resembles the Apple Dock menu. You can use it as an image slideshow or for displaying links to social networks. The script is a jQuery plugin, so you also need to include the jQuery library. You can download the jQuery library below. This script works on a div containing img’s, optionally wrapped in hyperlinks.

RoyalGallery

Submitted by fractalbrain on September 26, 2010 - 3:57pm

RoyalGallery is a light-weight (4K) image gallery plugin with 20 unique image transition effects. It also supports image captions.

It's very easy to use, just call royalGallery function:

$(document).ready(function() {

   $('#royalGallery').royalGallery();

});

Read documentation at http://blog.fractalbrain.net/?p=7 ,
or go to the demo page at http://blog.fractalbrain.net/code/royalGallery

Image Player

Submitted by kellishaver on September 12, 2010 - 11:18pm

An image player/slide show that looks and functions similarly to a video player, includes several configuration options and automatic image resizing.

Easy Gallery

Submitted by freelancerid on July 29, 2010 - 9:09am

Easy Gallery is an easy jquery image gallery slider. Simple code and simple HTML code.
Simple as:

* including the script to your web page.
* add this code: $("#galleryID").egallery();

Easy gallery has default settings to run. You can customize these settings like:

$("#galleryID").egallery({
width:500, // in pixel
height:200,
speed: 1000, // 1000 = 1 second
delay: 400, // in milliseconds.
easing: 'EaseInOutBack', // Need to include easing plugin
thumbs: 'numbers', // Values are: none (default), numbers, image, custom
// when you choose custom, no changes will be made on thumbs.
thumbClass: 'thumb_class', // CSS class for thumbs.
aClass: '' // CSS Class for the current thumb

});

For more about Easy Gallery, please follow the Home link.

Exposure

Submitted by kjak on July 23, 2010 - 10:47am

Give your photos some decent exposure

Exposure is a jQuery plugin for rich and smart photo viewing that can handle very large amounts of photos. See the Exposure website for more information.

Features

  • Easy to use default setup.
  • Flexible configuration that allows custom transition effects and similar.
  • Smart image preloading.
  • Support for photo captions and additional photo meta data.
  • Keyboard navigation.
  • Localization available for any language.
  • Supports all major browsers.

jQuery Touchwipe iPhone, iPad, iPod Touch Gestures Event

Submitted by netCU on July 15, 2010 - 4:29pm

jQuery Touchwipe - Obtain wipe gesture from touchscreens

Tested with iPhone, iPad and iPod Touch, should also work on Android Platform

The small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery (see demo below). Should also work with Android touchscreens.

Website: netCU Internet Agency
Project site: jQuery Touchwipe Library (Demo, Usage, Download)

Usage

$("#imagegallery").touchwipe({
    wipeLeft: function() { alert("left"); },
    wipeRight: function() { alert("right"); }
});

Usage together with jQuery Cycle Plugin for image galleries (see also demo)

jReelGallery

Submitted by morcmarc on July 9, 2010 - 9:32am

A jReelGallery is a small image gallery script based on the default OS window scrolling extended with easing. Supports scrolling, key events (e.g.: down and up arrow keys, home and end button). Highly customizable.

For full documentation, please visit "jReelGallery – Cross browser fluid jQuery image gallery" at marcelljusztin.com