To continue with our experiment series, our designing and programming team joined forces to create an amazing carousel vintage photo slider with PHP and jQuery. This is definitely a nice photo slider to be applied in different websites so you can showcase your work in a more original way. This tutorial is going to cover the programming part of the carousel (stay close to find out the release time of the design part) so you can learn how we did this fancy photo slider and you can adapt it to your own projects.
Best jQuery Carousel Plugins & Tutorials with Demo
jq.carousel : Simple and customizable jQuery Carousel
“jq.carousel” is a jQuery plugin you can implement a simple carousel and Customizable.Because they are designed to be flexible in various situations, can also be embedded in a responsive site for example.Because the default implementations of the indicator are here to inform the user, also perfectly navigation. Because the style indicator in the CSS, you can look you like.You can use an event that has been prepared in advance, the timing of any processing.
iCarousel : jQuery Carousel plugin
iCarousel is a powerful mobile-friendly and lightweight jQuery plugin that allows you to arrange a set of images in a carousel layout. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel. Great for screenshoot slider.
Features:
- Highly Flexible and Customizable.
- Multiple instances allowed in a single HTML page.
- Works on iOS & Android devices.
- Auto slideshow with optional pause on hover.
- Easily resizable.
- Keyboard support.
- Touch support.
- 3D & 2D available.
- Customizable transition timing function. (easing)
- Fast, hardware accelerated CSS3 transitions.
- SEO friendly, content is not hidden.
- Powerful, documented API — public methods, properties, callbacks.
- Each slide can have any html content(except video) and can be any size.
- Customizable scroll direction.
- Customizable X & Y spaces between slides.
- Unlimited slides support.
Moodular : jQuery carousel/slider plugin with Demo
Moodular is a jQuery plugin which allows to create carousel/slider very easily. Moodular comes from the contraction of two words : mood & modular.Modular has some modules integrated (controls & effects).It’s modular too, cause you can create your own controls & effects to perform your personal carousel.
Tiny Circleslider : jQuery circular slider / carousel with Demo
Tiny Circleslider is a jQuery circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.
Features
- Supports iPhone, iPad and Android
- Supports sliding by thumb or pager
- A interval can be set to slide automaticaly every given milliseconds
- Can be set to snap to a page
- Option to fade dots when dragging is done
- Size(radius) of the slider can be set.
- Can fire a callback after every move.
- Easy customizable
- Lightweight its only 130 lines of code. mimified the size is 4 kb
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
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 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.
