background preloader

Adaptive Thumbnail Pile Effect with Automatic Grouping

Adaptive Thumbnail Pile Effect with Automatic Grouping
Related:  Galerie Imgjquery

least.js is a Random & Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad Monday, 14th April 2093: sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Monday, 14th April 2093: sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Monday, 14th April 2093: sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Monday, 14th April 2093: sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Mosaic - Sliding Boxes and Captions jQuery Plugin Features So, what exactly does Mosaic do? Automatically generates sliding boxes & captions Allows slide & fade animations with custom directions Preloads images within boxes Options There are a number of available options, shown below with their default values. For options able to be turned on/off - 1 is on, 0 is off. animation : 'fade', speed : 150, opacity : 1, preload : 1, anchor_x : 'bottom', anchor_y : 'left', hover_x : '0px', hover_y : '0px' animation Controls which effect the sliding box uses. speed Defines speed of the animation. opacity Accepts any value 0-1 (decimals included). preload Overlays and backdrops are faded in after the page has loaded. anchor_x, anchor_y Horizontal and vertical anchor points for the overlay (eg. left, right, top, bottom). hover_x, hover_y Horizontal and vertical overlay hover positions. Legacy Versions Sliding Boxes and Captions with jQuery (3/31/09) - (Original Post) Available for Hire Email the details of your project to hello@onemightyroar.com.

Caption Hover Effects - Demo 1 Previous Demo Back to the Codrops Article Baraja: A Plugin for Spreading Items in a Card-Like Fashion With this jQuery plugin items can be spread in a card-like fashion and displayed in an unusual way. Several parameters allow many different spreading results, allowing a unique pattern. View demo Download source Baraja is an experimental and fun jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a table. Please note that the CSS transforms and transitions only work in browsers that support them. For using the plugin, an unordered list with the class “baraja-container” is expected, i.e. in our demo we use: The plugin can be called like this: The following is an example of triggering the spreading of the items using Baraja: Options The following default options are available: The following methods are available: fan(), next(), previous(), close(), add(). The default setting for the fan method are the following: Note that depending on how many items you have, they will spread happily according to the parameters set.

SweetAlert So... What does it do? Here’s a comparison of a standard error message. The first one uses the built-in alert-function, while the second is using sweetAlert. Normal alert Code: alert("Oops... Sweet Alert sweetAlert("Oops Pretty cool huh? More examples In these examples, we're using the shorthand function swal to call sweetAlert. Download & install Method 1: Install through bower: $ bower install sweetalert Method 2: Install through NPM: $ npm install sweetalert Method 3: Download the sweetAlert CSS and JavaScript files. Configuration Here are the keys that you can use if you pass an object into sweetAlert: Methods SweetAlert also comes with some simple methods that you can call: Contribute

SlipHover | Apply direction aware hover effect to images SlipHover apply direction aware hover animation for the caption of an image. Download download zip from GitHub Quick start include the files call the the plugin on a container as your wish $("#container").sliphover(); All done! Options you can custom the caption by passing options when call the plugin, all available options are listed below. call the the plugin on a container wish you wish Demo Besides examples in the option table above, there are a few nice demos shows sliphover can work well with other image gallery plugins such as Wookmark , freewall and isotope . Compatibility Requirs jQuery 1.7+. Works well with all modern browsers and IE9+. License Licensed under the MIT License

Unfolding 3D Thumbnails Concept A 3D thumbnail view concept for image slideshows: the current image gets opened up and a thumbnail view unfolds in 3d. View demo Download source Today we want to share a little 3D concept for an image slideshow (or similar) with you. The idea is to reveal thumbnails using a neat effect: the current image will be “opened” in the middle and the thumbnails view will unfold in 3D. 3D is absolutely in right now. With CSS 3D transforms we can explore new ways of playing with space and create depth and realism to normally flat elements. Check out the following inspiring concepts on Dribbble: Please note: this only works in browsers that support the respective CSS properties. The images used in the demos are by Angelo González and they are licensed under the Creative Commons Attribution 2.0 Generic (CC BY 2.0) License. (Vendor prefixes will be omitted in the following, but you’ll of course find them in the files.) So, from the following structure we want to create this structure:

Kwicks for jQuery Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action. New in v2.2.1 This is a patch release with no API changes, and is aimed at fixing a rare and sporadic bug that causes styles to not initialize properly. New in v2.2.0 Kwicks v2.2.0 is a substantial update that addresses several feature requests (keep them coming)! New events and a refactor of the existing events. Getting Started Dependencies Source Kwicks is available on GitHub. Markup Kwicks has pretty relaxed markup requirements: A container element with two classes: kwicks and kwicks-horizontal|vertical (depending on the orientation of this instance).A single level of nested "panel" elements. Unordered lists are a good semantic fit for most Kwicks use cases:

Related: