StackSlider: A Fun 3D Image Slider
An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for view
+ more#slideshow
Gamma Gallery: A Responsive Image Gallery Experiment
by Manoela Ilic
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slide
+ more
Slit Slider Revised
by Manoela Ilic
Slit Slider is a slideshow with a twist: when navigating the slides, the current one will be "cut open" into two slices and moved away, revealing the next or previou
+ more
Slicebox Revised
Slicebox, the jQuery 3D image slider plugin, has been updated. We've done some major improvements and added new features.
+ more
Vertical Showcase Slider with jQuery and CSS Transitions
by Manoela Ilic
A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We'll be using jQuery, CSS Transitions and media
+ more
Fullscreen Video Slideshow with BigVideo.js
by John Polacek
A tutorial about how to create a slideshow-like fullscreen video background using BigVideo.js, a jQuery plugin for big background video.
+ more
Fullscreen Slit Slider with jQuery and CSS3
by Manoela Ilic
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 jQuer
+ more
How to Create a Fast Hover Slideshow with CSS3
by Manoela Ilic
A little fast-running image slideshow that plays on hover and pauses when mousing out. The current image will stay visible.
+ more
Fluid CSS3 Slideshow with Parallax Effect
by Rey Wang
In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds whi
+ more
Audio Slideshow with jPlayer
by Tyler Craft
Today we'll share an audio slideshow with you, i.e. a slideshow that will be synced with some audio. We are using the open source audio framework jPlayer.
+ more
Sliding Image Panels with CSS3
by Manoela Ilic
Today we'll show you how to create some neat sliding image panels with CSS only. The idea is to use background images for the panels and animate them when clicking o
+ more
Fullscreen Background Image Slideshow with CSS3
by Manoela Ilic
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 appe
+ more
Experimental CSS3 Animations for Image Transitions
Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We'll be using CSS3 3D Transforms for Webkit only.
+ more
Elastic Image Slideshow with Thumbnail Preview
by Manoela Ilic
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
+ more
Fullscreen Image Blur Effect with HTML5
by Manoela Ilic
Today we want to share a neat image blur effect with you. Using canvas, we want to blur images on the transition to another one, creating a smooth effect.
+ more
Circle Navigation Effect with CSS3
by Manoela Ilic
Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and ma
+ more
Draggable Image Boxes Grid
by Manoela Ilic
Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu l
+ more
Fullscreen Slideshow with HTML5 Audio and jQuery
by Jay Salvat
In today’s tutorial we'll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to
+ more