Advertise here

Slider

jQuery Infinite Carousel Plugin

June 14, 2012     3780     Slider Carousel Media
jQuery Infinite Carousel Plugin

The Infinite Carousel is a jQuery plugin that allows you to showcase any number of images and videos in a carousel-like fashion. Unlike some other carousels, the Infinite Carousel displays items in a continuous loop no matter how you navigate.

Read More »

Skitter – A jQuery Slideshow Plugin With Flexible Animations

June 13, 2012     5600     Slider Gallery Animation
Skitter – A jQuery Slideshow Plugin With Flexible Animations

Skitter is a jQuery plugin that enables us to convert unordered lists into slideshows with attractive animations. The slideshow can display the list of slides as numbers or thumbnails and items can be browsed with the help of prev-next buttons as well.

Read More »

MaxImage 2.0 – jQuery Fullscreen Background Slideshow Plugin

June 12, 2012     17218     Slider CSS3 & CSS
MaxImage 2.0 – jQuery Fullscreen Background Slideshow Plugin

MaxImage 2.0 is a fullscreen background slideshow plugin that utilizes jQuery Cycle Plugin and all it’s transitions / options.

MaxImage 2.0 determines whether your browser can use CSS3′s background-size:cover. If it can, it uses it as to limit the amount of heavy lifting that jQuery has to do. That means the majority of your users will have a slim and smooth experience. That is so important with large image animations.

Read More »

Circular Content Carousel with jQuery

June 11, 2012     10284     Slider Carousel Scroll
Circular Content Carousel with jQuery
Here you will create a simple circular content carousel. The idea is to have some content boxes that we can slide infinitely (circular).

When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

Read More »

Agile Carousel – jQuery Slideshow and Carousel Plugin

June 09, 2012     5868     Slider JSON Carousel
Agile Carousel – jQuery Slideshow and Carousel Plugin

Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows and carousel.

The plugin uses JSON for the data format of the slides. You can select between "fade" or "slide" as the transition effect, duration of the transitions and intervals between each slide can all be defined.

Read More »

Vertical Sliding Accordion with jQuery

June 09, 2012     15583     Slider Effects
Vertical Sliding Accordion with jQuery

Here you will create flexible vertical jQuery accordion.
The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.

Read More »

Fullscreen Slit Slider with jQuery and CSS3

June 05, 2012     10983     Slider CSS3 & CSS Animation
Fullscreen Slit Slider with jQuery and CSS3

A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions.

Read More »

Supersized - Full Screen Background & Slideshow jQuery Plugin

June 03, 2012     4910     Slider Gallery
Supersized - Full Screen Background & Slideshow jQuery Plugin

Supersized is a fullscreen background slideshow built using the jQuery library. This jQuery plugin is highly customisable and easy to implement into you website.

Read More »

Coin Slider - Image Slider with Unique Effects

June 03, 2012     4489     Slider Effects
Coin Slider - Image Slider with Unique Effects

Coin Slider is a jQuery image slider plugin that has unique transition effects. It has a navigation box and prev-next buttons that appear on hover for easily browsing images. The slider has an optional auto-slide feature which can also pause on hovers.

Read More »

SIDEWAYS – jQuery Fullscreen Image Gallery

June 01, 2012     2636     Slider Gallery CSS3 & CSS
SIDEWAYS – jQuery Fullscreen Image Gallery
SIDEWAYS is a simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing and jQuery mousewheel plugin.

Read More »

Simple jQuery Fullscreen Image Gallery

May 31, 2012     3626     Slider Gallery CSS3 & CSS
Simple jQuery Fullscreen Image Gallery
A fullscreen image gallery made with jQuery and CSS. This is simple and elegant image gallery. Also gallery has next/previous image functionality via buttons and keyboard arrows.

Read More »

Merging Image Boxes With jQuery

May 31, 2012     8431     Slider Gallery Effects
Merging Image Boxes With jQuery
This is a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again.

When the window gets resized, the positions of the thumbnails will automatically adapt to fit the screen.

Read More »

Slideshow with jmpress.js

May 30, 2012     5732     Slider
Slideshow with jmpress.js
You have already seen impress.js, a really great JavaScript library for creating extraordinary 3D presentations. The jQuery port jmpress.js let’s you use this library as a jQuery plugin with some added options. You will learn how to use this great plugin to create a responsive slideshow with 3D effects.

Read More »

jmpress.js - jQuery Plugin to Build Website on the Infinite Canvas

May 30, 2012     5476     Slider CSS3 & CSS Scroll
jmpress.js - jQuery Plugin to Build Website on the Infinite Canvas
jmpress.js is a jQuery plugin to build a website on the infinite canvas. Started as a jQuery port of impress.js and utilizes the power of CSS3 transforms and transitions in modern browsers.

Read More »

Slicebox - 3D Image Slider With Graceful Fallback

May 26, 2012     19517     Slider CSS3 & CSS Effects
Slicebox - 3D Image Slider With Graceful Fallback

Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create three-dimensional image slices that will rotate and reveal the next image as another side of the 3d object. In case the browser does not support 3D transformations, a simple slider will be used as fallback.
Please note that you can only see the cool 3d effect of Slicebox in a browser that supports those CSS3 properties.

Read More »