background preloader

FlexSlider 2

FlexSlider 2

Sliding Boxes and Captions with JQuery One Mighty Roar Jarek Kubicki ArtistMore Work Kamil Smala ArtistMore Work Martin Stranka PhotographerMore Work Florian Nicolle Graphic DesignerMore Work The Nonsense Society Art, Music, WordWebsite Démo en ligne Retour au tutoriel pour savoir comment réaliser cela ! jQuery custom content scroller Last updated on Mar 10, 2015 Originally published on August 1, 2010 by malihu, under Plugins. Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQuery mousewheel plugin), keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc., user-defined callbacks and more. Current version 3.0.8 (Changelog)Upgrading from version 2 When upgrading from version 2.x to 3.x it’s important to use version 3 CSS and .png files. Version 3 is backwards compatible but it’s also a huge overhaul. Version 2 is still maintained and updated here. How to use it Get started by downloading the archive which contains the plugin files (and a large amount of HTML demos and examples). Initialization Initialize via javascript more info Initialize via HTML

jQuery Timeline 0.9.4 - Dando vida al tiempo Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Donec semper quam scelerisque tortor dictum gravida. Google Design Flex Slider - Jose Aguilar Blog Flex Slider es uno de los mejores plugins de slider jQuery funcional en todos los dispositivos (PC y dispositivos móviles). Responsive jQuery Slider. Marcado HTML simple y semánticoFunciona en todos los principales navegadoresDeslizante horizontal / vertical y desvanecimiento de animacionesAcelerado por hardware de soporte táctilOpciones de navegación personalizadaCompatible con la última versión de jQuery A continuación se enumeran todas las opciones disponibles para personalizar FlexSlider para sus necesidades, junto con sus valores por defecto. Ver ejemplos y como se utiliza Ver más documentación Ver módulo para Prestashop

PageSlide: a jQuery plugin which slides a webpage over to reveal an additional interaction pane Advertisement a jQuery plugin which slides a webpage over to reveal an additional interaction pane by Scott Robbin Download PageSlide Now If you've ever used the mobile version of Facebook, or Path,then you've probably seen something akin to PageSlide in action. Clicking on a button or link slides the page over to reveal a hidden pane,one that usually contains secondary navigation, a form, or additional information. There are several ways to use PageSlide, some of which are shown below.Additionally, there is a responsive demo which shows how PageSlide can be used as a mobile solution. Slide to the right, and load content from a secondary page Slide to the left, and display hidden content from this page in a modal pane Modal This slide uses "modal" option set to "true". Where can I get it? If you are interested in learning more about PageSlide, it's recommended that you view the project on GitHub. Other jQuery Plugins If you like this plugin, feel free to check out some of the others I've built.

jQuery Masonry Rhinoslider: The most flexible jQuery slider/slideshow Bootstrap3 Bootstrap Carousel - examples, tutorial & advanced usage The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators. In browsers where the Page Visibility API is supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when the browser tab is inactive, the browser window is minimized, etc.). Note: Please be aware that nested carousels are not supported, and carousels are generally not compliant with accessibility standards. Carousels don’t automatically normalize slide dimensions. The .active class needs to be added to one of the slides otherwise the carousel will not be visible.

Table with details in AngularJS Shadowbox.js