DailyJS

jQuery Plugin Roundup 8: Cloud Carousel, Popeye, OSM

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

jquery graphics plugins

jQuery Plugin Roundup 8: Cloud Carousel, Popeye, OSM

Posted by Alex R. Young on .
Featured

jquery graphics plugins

jQuery Plugin Roundup 8: Cloud Carousel, Popeye, OSM

Posted by Alex R. Young on .

Welcome to the jQuery Plugin Roundup, episode 8. Remember you can send
your plugins in for review through our contact form or
@dailyjs.

Cloud Carousel

Cloud Carousel uses 3D perspective, reflections and animation to create a carousel.
It's a 5 Kb plugin, and works with most browsers (including IE6+).

Usage looks like this:

$("#da-vinci-carousel").CloudCarousel( { 
    reflHeight: 56,
    reflGap:2,
    titleBox: $('#da-vinci-title'),
    altBox: $('#da-vinci-alt'),
    buttonLeft: $('#but1'),
    buttonRight: $('#but2'),
    yRadius:40,
    xPos: 285,
    yPos: 120,
    speed:0.15
})

The associated HTML is very simple -- it's basically just a bunch of
links and images. This example was taken off the site.

If you want to download the project, look for the download link on the
site.

jQuery.popeye

jQuery.popeye is a lightbox alternative. Rather than simply showing larger images inline,
this project shows a box around images with pagination and an icon that
expands the image.

The popeye demo
page
shows
examples of the main features.

Usage is very simple:

$(YOUR_ELEMENT_SELECTOR).popeye();

Open Standard Media (OSM) Player

The Open Standard Media (OSM)
Player
is a web-based
media player built with jQuery. The project is on GitHub as well:
mediafront/osmplayer.

It supports HTML5 and can also wrap services like YouTube and Vimeo. The
authors have provided tools to make it work with content management
systems like Drupal:

The mediafront module is a front end media solution for Drupal. It employs an innovative and intuitive administration interface that allows the website administrator to completely customize the front end media experience for their users without writing any code.