All posts in Carousel

Chico UI – jQuery User Interface Components

Chico UI – jQuery User Interface Components

Chico UI is an open source and free set of user interface components to ease developing with jQuery.

The components include auto-complete, blink, calendar, carousel, countdown, date-picker, dropdown, expando, form and more.

There is a CSS layout framework named Chico Mesh for accomplishing any type of web layouts and grids.

jQuery photo viewer : Glisse.js

jQuery photo viewer : Glisse.js

Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You’ll like the transitions between two pictures entirely assumed by CSS3.This plugin uses a lot of new CSS3 features like keyframes. It’s definitely not a good idea to uses it on a general public website for the time.

Features

  • Keyboard navigation
  • Fully CSS Customizable
  • Animated with CSS3 keyframes
  • 7 different transition effects
  • Scale to the viewport
  • iPad & iPhone ready (soon a fully Android support)

SimplyScroll a jQuery plugin for scrolling a set of images/elements

simplyScroll a jQuery plugin for scrolling a set of images/elements

simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically. It can also accept dynamic image input via a Flickr feed (note not full API integration) or a local JSON source. This plugin can be performance intensive, so speed and framerate are fully configureable to accomodate lower spec systems.

An Infinite, Circular jQuery Carousel: carouFredSel

An Infinite, Circular jQuery Carousel: carouFredSel

jQuery.carouFredSel is a plugin that turns any kind of HTML element into a carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, infinite and circular, automatically or by user interaction.

Roundabout is a jQuery plugin

Roundabout is a jQuery plugin

Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results.

Create beautiful slideshows with jQuery Cycle

Create beautiful slideshows with jQuery Cycle

These are 3 implementations of a simple slideshow using the jQuery Cycle plugin. Feel free to download and customize them to fit your own “slideshow needs”.

Exposure – jQuery image gallery plugin

Exposure - jQuery image gallery plugin

Exposure is an image viewing plugin for the jQuery JavaScript library. It includes a thumbnail list with paging, shows captions, and has also incorporates full screen modal slideshow. It uses some of the core functionality of Exposure, like keyboard and click through navigation, and also includes a nice and smooth custom cross-fade transition effect.

Minimit – A jQuery Plugin For Galleries, Slideshows Or Carousels

Minimit – A jQuery Plugin For Galleries, Slideshows Or Carousels

Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states.

Using Minimit Gallery you have more time to focus on the ideation and the dynamics of your interface, all the logic functionality instead is managed by the plugin. It’s designed for advanced Javascript/Jquery programmers because you need to code all the animations and the css of the gallery.

Wave Display Effect with jQuery

Wave Display Effect with jQuery

Today we want to share an experiment with you that let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content.

Circle Navigation Effect with CSS3

jQuery Circle Navigation Effect with CSS3

Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and make a bubble with a thumbnail appear. In our example we will be showing the thumbnail of the next and previous slider image on hovering the arrows. The effect is done with CSS3 transitions.



Best jQuery websites design awards