background preloader

FlexSlider 2

FlexSlider 2

Related:  JqueryGalerie Img

How to Create an Interactive Graph using CSS3 & jQuery Topic: jQuery (Flot) & CSS3Difficulty: AdvancedEstimated Completion Time: 1 hour In this tutorial we will code an Interactive Graph using jQuery and CSS3. We will use the jQuery’s popular plotting plugin “Flot”. Flot is a pure JavaScript plotting library for jQuery. Grid Navigation Effects with jQuery Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We'll take a look at some of the possibilities and how to apply the effect. View demo Download source

Chat by KeyReply pro tip: You can use any #Hex code for your widget icon. Change the value of data-color="" attribute in the generated embed code. Here is a link to help you pick that perfect color. Expanding Image Menu with jQuery In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content area slide out when we click on them. We will also slide in the colored version of the image, creating a neat […] View demoDownload source In today’s tutorial we will create an expanding image menu with jQuery.

Direction-Aware Hover with CSS3 and jQuery How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse. View demo Download source In today’s tip we’ll show you how to create a direction-aware hover effect using some CSS3 goodness and jQuery. The idea is to have a little overlay slide in on top of some thumbnails from the direction that we are coming from with the mouse. When we “leave” the element, the overlay will slide out to that direction, following our mouse.

Fancy jQuery lightbox alternative 1. First, make sure you are using valid DOCTYPE This is required for FancyBox to look and function correctly. Slidebars 套件 Slidebars is released under the MIT license, free to use and abuse. If you're using Slidebars commercially or making money from a project using Slidebars, please consider donating. Please note: Slidebars contains no components.

Elastic Image Slideshow with Thumbnail Preview Today we want to show you how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option. View demo Download source To make this slideshow responsive, we will use a mixture of JavaScript and CSS techniques. The fabulous photography used in the demo is by Bartek Lurka and it is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported 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.

Fullscreen Background Image Slideshow with CSS3 Happy new year, everybody! Today we will create a CSS-only fullscreen background image slideshow. We'll create different image transitions and also make a title appear using CSS animations. 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. It uses CSS transforms for rotating and translating the items.

JavaScript Individual or compiled Plugins can be included individually (using Bootstrap's individual *.js files), or all at once (using bootstrap.js or the minified bootstrap.min.js). Using the compiled JavaScript Both bootstrap.js and bootstrap.min.js contain all plugins in a single file. Include only one.