background preloader

Carousels

Facebook Twitter

Responsive jQuery Slider. Tiny Circleslider: A lightweight cross browser circular carousel. What is it?

Tiny Circleslider: A lightweight cross browser circular carousel.

Tinycircleslider is a 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 IOS and Android support. Need support or custom features? Anything is possible! Examples $(document).ready(function(){ $('#circleslider1').tinycircleslider();}); Note: There is no lightbox natively in tiny circleslider for this example fancybox was used. To get a better understanding of how it all comes together I made a (corny) styled example. Constructor Properties Methods Events Usage The image below displays how you calculate the radius of your circleslider. Colorbox - a jQuery lightbox. A lightweight customizable lightbox plugin for jQuery View Demos Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content.Lightweight: 10KB of JavaScript (less than 5KBs gzipped).Appearance is controlled through CSS so it can be restyled.Can be extended with callbacks & event-hooks without altering the source files.Completely unobtrusive, options are set in the JS and require no changes to existing HTML.Preloads upcoming images in a photo group.Currently in use on a million-plus websites.

Colorbox - a jQuery lightbox

Instructions & Help The FAQ has instructions on asking for help, solutions to common problems, and how-to examples. Usage Colorbox accepts settings from an object of key/value pairs, and can be assigned to any HTML element. Settings Public Methods Event Hooks Hey, Transit - CSS transitions and transformations for jQuery. What about older browsers?

Transit - CSS transitions and transformations for jQuery

Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation. Delays and durations will be ignored. // Delegate .transition() calls to .animate()// if the browser can't do CSS transitions.if (! $.support.transition) $.fn.transition = $.fn.animate; Fallback to frame-based animation If you would like to fallback to classic animation when transitions aren't supported, just manually redefine .transitition to .animate.

(Note: if you're using custom easing, you may need to also use jQuery Easing, and restrict your use of easing options to the ones defined there.) Labs by Big Room Studios. Dan-silver.github.io/ElementTransitions.js/ Responsive jQuery Slider. 60+ Best jQuery Carousel Slider Tutorial & Plugin with Example Demo. PgwSlideshow : jQuery Slideshow Carousel Gallery Plugin PgwSlideshow – Responsive slideshow / gallery / carousel for jQuery / Zepto.

60+ Best jQuery Carousel Slider Tutorial & Plugin with Example Demo

Fully responsive slideshowDesktop and Mobile devices supportedLess than 4 KB (minified and gzipped)Full customization with the CSS file included Client testimonials carousel with jQuery & CSS3 A responsive carousel showcasing selected client testimonials, powered by CSS and jQuery. Today we share a responsive and minimal client testimonials box, that can be easily integrated into your design. jQuery EasyCarousel Plugin EasyCarousel Plugin is a very practical Carousel plug-ins written in jQuery. Vimeo Carousel Gallery with jQuery Show videos from Vimeo into a chic gallery with jQuery. TikslusCarousel : jQuery fully Responsive Image Carousel Tikslus Carousel was created to be responsive.It Can be view full page or you can provide a specific Width and Height for the plugin. SilverTrack : jQuery smart and very extensible Sliding Carousel Features: Carousel-3d. Turn.js page flip jQuery Plugin.

jQuery Scroll Path. Reveal.js - The HTML Presentation Framework. Fredleblanc/roundabout. Sequence.js and Sequence Themes. A nifty little element slider for jQuery. Magazine using turnJs.