background preloader

Gallery

Facebook Twitter

Item Transition Inspiration | Demo 1: Small Component. Animations for Thumbnail Grids | Demo 10. Les albums photos publiés par les membres - casimages.com. Fonds d'écran Voyages : Amérique du nord > Fonds d'écran Etats-Unis Empire for fifty cents par ddmvecj. Flexslider by WooThemes. Namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin animation: "fade", //String: Select your animation type, "fade" or "slide" easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!

Direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" reverse: false, //{NEW} Boolean: Reverse the animation direction animationLoop: true, //Boolean: Should the animation loop? SmoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode startAt: 0, //Integer: The slide that the slider should start on. Slideshow: true, //Boolean: Animate slider automatically slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds.

Magnific Popup: Responsive jQuery Lightbox Plugin. Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device(for jQuery or Zepto.js). Examples Single image lightbox Three simple popups with different scaling settings. 1 — fits horizontally and vertically, 2 — only horizontally, 3 — no gaps, zoom animation, close icon in top-right corner. Lightbox gallery You may put any HTML content in each gallery item and mix content types. In this example lazy-loading of images is enabled for the next image based on move direction. If you wish to add touch-swipe support, check my article on the Smashing Magazine, or new PhotoSwipe script. Zoom-gallery If you wish to open the popup only after image is fully loaded, you may preload image via JS.

Popup with video or map In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered. Dialog with CSS animation Popup with form Ajax popup Modal popup Open modal Dismiss Error handling Fast. Flexslider by WooThemes. jQuery lightbox for images, videos, YouTube, iframes, ajaxStéphane Caron. HoverEx - A jQuery plugin for image hover animation. Windy – A Plugin for Swift Content Navigation. Gamma Gallery - A Responsive Image Gallery Experiment. Assemblage Becoming Sky high Life Beleaguer Chatoyant Denouement Desuetude Diaphanous Desuetude Languor Inglenook Forbearance Penumbra Mondegreen Plethora Onomatopoeia Wafture Cynosure Epiphany Felicity Serenity Furtive Glamour Inure Labyrinthine Lagoon Desire Leisure Softness Moiety Nemesis Panacea Scintilla Example for loading more items...

Baraja: A Plugin for Spreading Items in a Card-Like Fashion. Adaptive Thumbnail Pile Effect with Automatic Grouping. 3D Gallery Room. « Previous Demo: 3D Book Showcase Images by Thomas ClaveiroleBack to the Codrops Article 3D Gallery Room Demo 1 Demo 2 x. Thumbnail Grid with Expanding Preview.