An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta’s script.
A while back, Franklin Ta wrote an article and made a really useful script for transforming an element in 3D in order to fit in a perspective mockup. In his article, he describes how the helper script can be used to create a 3D matrix transformation for embedding an iframe into a mockup image. We thought that it must be really interesting to add a slideshow in order to showcase ones work.
Responsive slider plugin for jQuery. Intrinsic trick to enable responsive resizing without js!
Chocolat helps you to easily create responsive slideshows.Chocolat is a jQuery plugin that enable you to display one or several images staying on the same page. The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails.
Simple and Customizable jQuery media slider Plugin.
A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders.
- modular architecture
- CSS3 transitions
- animated layers (and static)
- infinite scrolling
- carousel layout
- full width and full window support
- deep linking
- lazy loading
- fade effect
- full-screen support
- CSS-only navigation controls (no graphics) for easy customization
- video support
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths to animated the slide background SVGs in order to simulate the elastic effect. What happens is that we basically morph an SVG path from a rectangle to a curved shaped; either a right curve or a left curve, depending on where we are navigating to.
Printer is an AJAX style page loading jQuery plugin that retrieves the URL from each hyperlink in the sidebar on the fly upon being clicked. It can also function as a rudimentry slideshow (but keep in mind this plugin does not cache any resources, i.e. Printer will make a new AJAX request on each new slide).
- A robust API (almost)
- Super simple setup
- Super smooth CSS animations
- Slideshow mode
- Random page printing direction mode
- Low overhead (getting there..)
- Highly customizable behavior and appearance
It contains all types of sliders/banners, from banner rotator, zoom in/out effect slider, parallax slider, carousel, sidebar banners and full screen background.
- jQuery Banner Rotator / Content Slider / Carousel
- jQuery Slider Zoom In/Out Effect Fully Responsive
- Parallax Slider – Responsive jQuery Plugin
PgwSlideshow – Responsive slideshow / gallery / carousel for jQuery / Zepto.
- Fully responsive slideshow
- Desktop and Mobile devices supported
- Less than 4 KB (minified and gzipped)
- Full customization with the CSS file included
Versatile slider solution, easily and fully customizable. Uses CSS3 transitions with jQuery fallback for old browsers. Fully responsive and touch enabled.