Background Slideshow
In Blueprints by Manoela Ilic
A fullscreen background slideshow with autoplay functionality.
slideshow
Quotes Rotator
In Blueprints by Manoela Ilic
A simple automatic quotes rotator with progress bar and example media query.
Full Width Image Slider
In Blueprints by Manoela Ilic
A very simple 100% width slider that scales down to mobile.
Elastic Content Slider
In Blueprints by Manoela Ilic
A fluid content slider that will adjust in width and height depending on the size of its parent.
Flipping Circle Slideshow
In Playground by Manoela Ilic
A simple circular slideshow where we flip the image in order to navigate.
3D Image Gallery Room
In Playground by Manoela Ilic
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.
How to Create a Simple Multi-Item Slider
In Tutorials by Manoela Ilic
A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.
StackSlider: A Fun 3D Image Slider
In Playground by Manoela Ilic
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 viewing.
Gamma Gallery: A Responsive Image Gallery Experiment
In Playground 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 slideshow view into account.
Slit Slider Revised
In Articles 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 previous slide. The slider can be used in a responsive context and it has been updated and improved.
Slicebox Revised
In Articles by Manoela Ilic
Slicebox, the jQuery 3D image slider plugin, has been updated. We’ve done some major improvements and added new features.
Vertical Showcase Slider with jQuery and CSS Transitions
In Tutorials 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 queries to make the layout adaptive.
Fullscreen Video Slideshow with BigVideo.js
In Tutorials 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.
Fullscreen Slit Slider with jQuery and CSS3
In Tutorials 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 jQuery and CSS animations we can create unique slide transitions for the content elements.
How to Create a Fast Hover Slideshow with CSS3
In Tutorials by Manoela Ilic
A little fast-running image slideshow that plays on hover and pauses when mousing out. The current image will stay visible.
Fluid CSS3 Slideshow with Parallax Effect
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 while sliding the container of the slides.
Audio Slideshow with jPlayer
In Playground 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.
Sliding Image Panels with CSS3
In Tutorials 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 on a label. We’ll use radio buttons with labels and target the respective panels with the general sibling selector.
