jQuery Slider Plugin & Tutorials with Example

lory : jQuery Touch Enabled Minimalistic Slider

lory : jQuery Touch Enabled Minimalistic Slider

lory is a touch enabled minimalistic slider written in vanilla JavaScript.

Features :

  • Hardware accelerated transitions
  • Usable as a jQuery plugin
  • Options for custom easing effects
  • infinite looping ~ carousel
  • No compromises for fallbacks

Nex Slider : jQuery Fullscreen Slider

Nex Slider : jQuery Fullscreen Slider

Nex slider is a blazing fast fullscreen slider optimized for best performances and compatible with all platforms. It allows you to embed images, videos and even google maps in the same slider.

  • Customizable slider look
  • Optimized Speed
  • Touch Support
  • Keyboard Support
  • Pattern Support
  • SEO Friendly
  • 10 types of effects: Fade, Slide [left,right,top,bottom], Zoom, Skew, Rotate, Random, None
  • 5 Predifined Color themes: amethyst, coral, sun, turquoise, and the default one
  • Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia.
  • Different Content types: image, video, map
  • Customizeable map style: ROADMAP, SATELLITE, HYBRID, TERRAIN
  • Customizable maps: zoom size, show infowindow, or hide it
  • Video Support from youtube and vimeo

Motion Blur Effect with SVG & jQuery

Motion Blur Effect with SVG & jQuery

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.Motion blur is a technique widely used in motion graphics and animation in general to make movement seem more smooth and natural.

Prism Effect Slider with HTML5 Canvas & JavaScript

Prism Effect Slider with HTML5 Canvas & JavaScript

Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. We’ll be using the HTML5 canvas element and plain JavaScript.

Slidea : A jQuery Smarter Responsive Slider Plugin

Slidea : A jQuery Smarter Responsive Slider Plugin

Slidea by Pixobyte is a super fast and intuitive multi-purpose content slider which completely leaves the competition behind. Slidea has been developed with simplicity, efficiency and innovation in mind, making it the perfect slider solution for your website. Built on the jQuery, VelocityJS and Animus animation framework, the slider was developed to offer the ultimate motion design experience.

  • Touch Enabled
  • Layers and Objects
  • Material Design Ready (by Google)
  • Multiple Sliders
  • Responsive Thumbnails
  • Video Backgrounds
  • Custom Events API
  • SCSS Theme Files
  • Dynamic Caching

Product Preview Slider with CSS3 & jQuery

Product Preview Slider with CSS3 & jQuery

An easy way to show more product images and variations right in the product gallery.  A simple slider to check product variations before jumping into the product page.

Super Simple Slider with jQuery

Super Simple Slider with jQuery

Ok yes, there are a lot of sliders out there. But while many of them are great, they’re also usually bloated with features that you don’t need. That’s why we thought we’d take things back to basics. Functional, flexible and weighing in at less than a single kilobyte, Intllgnt proudly presents -jQuery Super Simple Slider.

jQuery Nice Gallery – Flickr

jQuery Nice Gallery – Flickr

jQuery Nice Gallery plugin for Flickr. Today, we present you unique script of Gallery – if you have photos on Flickr then probably the plugin will be good choose for you. The script is compatible with new Flickr API that gives 1 TB disc space for your photos, so this is fantastic place to sharing your passion or portfolio. The gallery have built-in pretty LightBox – new version of ViewBox – it has high spectrum of possibilities. All components have Flat style which gives a nice and original look. The amazing jQuery Plugin is for free.

jQuery Rotated Gallery with CSS3

jQuery Rotated Gallery with CSS3

Today i will teach you how to create a tilted gallery using jQuery and using the CSS3 transform property. Each gallery features controls and popup for each picture.
This tutorial is best suited for portfolio galleries or for creating a professional photo gallery. This tutorial is made so that it will work with unlimited number of sliders, photos and on any screen size.

HorizonScroll.js : jQuery Horizontal Scrolling

HorizonScroll.js : jQuery Horizontal Scrolling

This is a jQuery plugin which allows for websites to page(scroll by set width) left and right horizontally. Horizontal scroll sites offer a new and unique way to develope sites!



Best jQuery websites design awards