background preloader

Slider / carousel

Facebook Twitter

Turn.js - The page flip effect for HTML5 | Webdesign code. :: Alessandro Ferrini :: FerroSlider jQuery Plugin. A simple, powerful, responsive and customizable jQuery sliding plugin. Powered by HTML5 and CSS3. Latest version : 2.3.3 Downloaded 40768 times What is it? FerroSlider is a free jQuery plugin that allows you to organize the contents of websites in a unusual and cool way and navigate through them with a sliding effect. Slide everything Organize any type of content, such as images, text, pages, lists and so on. The Matrix The contents can be positioned and organized as you want: by row, by column or using a custom displacement, also called "The Matrix". Brand new FerroSlider 2 has been completely recoded from past versions. Responsive & universal FerroSlider uses standard HTML and CSS rules and is responsive and compatible with all the major browsers and with the two main mobile environments, Android and iOS.

What you need FerroSlider only needs the main jQuery core (>= 1.9), and the Rico Sta. Compatibility. Ferro Slider :: ferro's jQuery Plugins. Responsive Image Gallery with Thumbnail Carousel. A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter's "user gallery" and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We'll also add the possibility to navigate with the keyboard.

View demo Download source Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without.

We’ll use the jQuery Touchwipe Plugin that will make it possible to navigate the images by “wiping” on the iPhone and iPad. So, let’s do it! The Markup The CSS. Elastislide - A Responsive jQuery Carousel Plugin | Webdesign code.