https://github.com/fliptopbox/jquery.stripe

A jQuery plug-in to create a cool striped gallery object.
https://github.com/fliptopbox/jquery.stripe

Last synced: 2 months ago
JSON representation

A jQuery plug-in to create a cool striped gallery object.

• Host: GitHub
• URL: https://github.com/fliptopbox/jquery.stripe
• Owner: fliptopbox
• License: mit
• Created: 2013-05-07T18:01:12.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2013-05-10T14:56:15.000Z (over 11 years ago)
• Last Synced: 2024-04-13T23:14:33.343Z (9 months ago)
• Language: JavaScript
• Size: 3.34 MB
• Stars: 6
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: MIT-LICENSE.txt

Awesome Lists containing this project

README

        
# jQuery Plugin .stripe( options ) [Demo](http://fliptopbox.com/demo/stripe/)

    @version  : 1.0

    @author   : Bruce Thomas

    @requires : jQuery Core 1.7+

    @github   : https://github.com/fliptopbox/jquery.stripe/

## Purpose:

A jQuery plug-in to create a cool striped gallery object.

## Usage example:

    $('.gallery').stripe(); // (default)

    $('.gallery').stripe({ 'automatic': true, 'buttons': true, 'delay': 5000, 'min-width': 20 });

## Options

	ms {Number}: The length of the transition animations

	delay {Number}: The length of the delay between each transition

	automatic {Boolean}: Whether or not the stripe gallery plays automatically

	min-width {Number}:  The minimum width of the images

	buttons {Boolean}: Whether or not to render the mark up for the controls

## Things to note

* The height of the gallery is determined by the height of the smallest image.

* Images are proportionately down scaled to fit, and preserve image quality.

* You can use a combination of portrait and landscape images.

* Navigation buttons, and auto animate settings are available (see OPTIONS above!)

* The auto-animation timer is paused if you hover over the gallery or the navigation buttons, and reactivated onMouseout.

* There is a calculated maximum image width to ensure an image doesn't consume the entire width of the gallery, this width depends on the number of images, and the 'min-width' option.