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.

presentation


MicroGallery

Submitted by DanielProbst on July 1, 2010 - 5:33am

MicroGallery is one of the smallest (800 bytes) gallery plugins around. There are no fancy animations (as if one's watching pictures of products, one doesn't want to wait for them to fade in, slide down or whatever ...).

What MicroGallery does is:

Showing thumbnails

  • Letting the user click on the thumbnails
  • Showing the clicked thumbnail in a bigger size
  • The 'target-element' in which the big pictures will be shown can be chosen, so you'll be able to change the background-image of any element.

Slideshow jQuery Plugin

Submitted by joaobarbosa on April 27, 2010 - 2:44pm

This plugin is a new concept of making slideshow presentations in a full window mode.

Fork on GitHub!

Developed by João Barbosa and Rainer Borene at Movida Comunicação.

simpleSli.de versatile slideshow plugin

Submitted by ddrewdesign on April 6, 2010 - 1:44am

simpleSlide is a very open-ended plugin that writes itself around the way you want to use your slideshow plugin. Whether you want a photo slideshow, a text-based slide presentation, a mix of both, an automated slideshow, a step-by-step form application (with the ability to jump back to unvalidated fields) and whatever else you can imagine using it for. It can even create a status slider element for with you with little more than an integer parameter and a couple lines of markup.

It essentially takes care of the annoying things about setting up a slideshow, and gives you the framework to make your slideshow however you like. There is absolutely no CSS provided for this functionality, save for what is automatically implemented through the plugin to make it work, so, from top to bottom, styling choices are yours. Just make sure not to directly style the elements of the plugin.

Features

  • Automatic configuration

qNote - presentation tool

Submitted by allbe on September 8, 2009 - 12:59pm

The best slide show for presentation.
It is possible to operate it from the keyboard.

showcase

Submitted by tanathos on June 17, 2009 - 8:43am

This plugin builds an autoscrolling, navigable image gallery, perfect to do a modern showcase in a portfolio web site.

v2.0 - All new! Take a look at the documentation and to the demo pages.

(mb)Gallery, another way to present your photo gallery!

Submitted by pupunzi on February 28, 2009 - 1:46pm

A full featured image gallery, with nav toolbar, thumbnails, autosize frame.

DEPENDENCIES:
none

HOW DOES IT WORK:

here is the js call:

$(function(){
$('#g1').mbGallery({
         maskBgnd:'#ccc',
         overlayOpacity:.9,
         startFrom: 5
      })
});

here is the code for each image:

<div  id="g1" class="galleryCont">
    <a class="imgThumb" href="gallery1/LR/01.jpg"></a>
    <a class="imgFull" href="gallery1/HR/01.jpg"></a>
    <div class="imgDesc">Description 01</div>
</div>

Params

* containment:“body”, (string) the containment element of the galery
* cssURL:“css/”, (string) the path to css
* skin:“white”, (string) the name of the css file to invoke
* overlayBackground:“#333”, (string) the exhadecimal value of the overlay color
* overlayOpacity:.5 (int) the opacity value of the overlay

(a) Slideshow

Submitted by Anton Shevchuk on December 1, 2008 - 10:39am

This plugin allows you to create dynamic, controllable slideshows or presentations for your website.

Simply define a block of HTML to be a slideshow or presentation. You can use any tags like <p>, <img>, <div> etc.

jquery Slideshow

Submitted by ajlozier on September 18, 2008 - 9:41am

This plugin allows you to create dynamic, controllable slideshows or presentations for your website similar to the one need on bnet.com (which uses Flash.)

Simply define a block of HTML to be a slideshow or presentation. This area must contain at least one unordered list of elements such as text or images that will be shown in sequence. You may include more than one list, such as one containing images and another containing text, and both elements will be animated simultaneously.

You may also include another list for buttons (1,2,3...) as well as more advanced controls such as pause, restart, reverse, forward and backward.

Documentation and examples coming soon!

jParallax

Submitted by stephband on August 23, 2008 - 4:08am

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.