Plugins

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.

move


SFS carrousel

Stemerdink IT

carrousel

The carrousel plugin allows you to easily create a good looking slideshow with many options

Options

  • scale - Zoom on the active element
  • default - Initially zoom in the element with this index
  • moveLeft - Bind an alternative element that will trigger the function to move to the left
  • moveRight - Bind an alternative element that will trigger the function to move to the right
  • clickMove - When any element is clicked it will become active

Required CSS:

#carrousel {width: 800px;}
.scroll {overflow: hidden;}
.items {position: relative;}
.items div.panel {float:left;}

HTML structure

Example item 1

Paragraph text http://www.example.com

Align With

Align With is a simple plugin to re-position one or more HTML elements to be aligned with another element.

Elements can be aligned by corners, edges and centre-points - ideal for dynamic content such as menus and tooltips.

jParallax

jParallax turns a selected element into a viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and/or options), they move in a parallaxy kind of way. That is, they 'slide' over one another, the bigger layers going 'faster' than the smaller.

Check out the docs and the demos to really see what jParallax does.

If the layers are made of <div>s or <li>s or any other container then content can be positioned inside those layers, and jParallax provides ways to navigate to that content in response to user events.