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.

Slide Show


CJ Flashy Slideshow

CJ Flashy Slide Show is a JQuery plugin that allows you to create a photo slide show that has some "flash-like" transitional effects. The plugin has various settings which you can manipulate to achieve a multitude of effects, such as sizing, timing, transparency and shape style. Integration is a snap, you basically create a set of images and wrap it within a simple container. Unlike most Flash solutions you do not need to create an external XML file or embed your images within a hard-to-change Flash project. As with all our projects, simplicity is the key.

Visit http://www.cjboco.com/projects.cfm/project/cj-flashy-slide-show/ for a demo, download and examples.

jQuery Infinite Carousel

The other day, yet again, I went looking for a jQuery plugin that moved a set of images inside a display area. I’m not sure if this is a carousel, a gallery, a slideshow, or what. They all seem to share many common characteristics, but regardless I wasn’t able to find what I wanted, although I did find several different plugins that did part of what I wanted to do, which was to generate a simple unordered list of images and optionally have a caption for each one. If a visitor doesn’t have JavaScript enabled (yes both of them) they should still be able to see the images, but for the 99.9% of the web population that does have JavaScript enabled, they should get a simple, slick carousel of images.

jQuery Simple Slider

Description

This Plugin add a feature slide un UL/LI list with an image inside, in very simple mode. HTML Tagging required is:

<ul>
<li title="Title 1"><img title="Subtitle 1" src="image1.jpg" /></li>
<li title="Title 2"><img title="Subtitle 2" src="image2.jpg" /></li>
<li>...</li>
</ul>

You can insert some link in image or subtitile, for example:

<ul>
<li title="Title 1"><a href="#"><img border="0" title="Subtitle 1" src="image1.jpg" /></a></li>
<li title="Title 2"><img title="Subtitle 2 with a <a href='#'>link</a>" src="image2.jpg" /></li>
<li>...</li>
</ul>