jQuery Plugins

jQuery Slider Plugins

Multi-Layout Slideshow with JavaScript & CSS

Looper js

A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.

Read More       Demo

Clipped SVG Slider

Looper js

A simple slider, with morphing preview images animated using SVG properties.

Read More       Demo

Product Showcase : jQuery Slider with Icons

Looper js

A jQuery plugin to showcase your top products on your webpage. This plugin will create a simple image slider with icon controls and overlay text.

A jQuery plugin to showcase your top products on your webpage. This plugin will create a simple image slider with icon controls and overlay text.

Read More       Demo

EndlessRiver : jQuery Content Scroller

Looper js

Endless river is a jQuery plugin, that animates content and make it scroll endlessly!

Endless river is a jQuery plugin, that animates content and make it scroll endlessly!

The usefull feature is that you don???t have to set widths to elements, because speed is set in pixel/second!!

Read More       Demo

Turntable.js : jQuery Image Rotate Slider

Looper js

Turntable.js is a responsive JQuery slider that will let you rotate through a list of images as your mouse (or finger) sweeps across a container. Think of it like a flipbook made with Javascript, instead of paper. All you need is a set of images, and jQuery.

Turntable.js is a responsive JQuery slider that will let you rotate through a list of images as your mouse (or finger) sweeps across a container. Think of it like a flipbook made with Javascript, instead of paper. All you need is a set of images, and jQuery.

Read More       Demo

Slider Maker : Visual Editor to Create Sliders

Looper js

Slider Maker creates Layered Sliders, Galleries, Carousels, Slideshows using a beautiful & easy graphical tool.

Slider Maker creates Layered Sliders, Galleries, Carousels, Slideshows using a beautiful & easy graphical tool.

  • Fully responsive
  • Retina-enabled
  • Creates Well-adaptated images for each screen & device
  • Touch-swipe
  • Lazy Images Loading
  • Loaded with ajax

Read More       Demo

ajSlider : Image & Content Slider jQuery Plugin

Looper js

ajSlider is a slideshow jQuery plugin which can be used as the main banner for your webpages or as a image gallery. All you have to do is add the js files, initialize jQuery and add the img tag and anchor tags enclosed inside the ajSlider div.

ajSlider is a slideshow jQuery plugin which can be used as the main banner for your webpages or as a image gallery. All you have to do is add the js files, initialize jQuery and add the img tag and anchor tags enclosed inside the ajSlider div.

Features:

  • Enable/Disable the automatic slideshow action
  • Set the height/width of the slider to your requirement or if not specified, it automatically calculates the size from the added images
  • Specify the colors for the slider bullets
  • Specify the position and size of the slide???s text content

Read More       Demo

jQuery Sldr : Responsive Image Slider

Looper js

A content slider featuring responsive slides, flexible slide widths, callbacks, and custom animation hooks.

A content slider featuring responsive slides, flexible slide widths, callbacks, and custom animation hooks.

Read More       Demo

jqPresentation : PowerPoint-style slideshows with jQuery

Looper js

jqPresentation is a jQuery plugin that creates PowerPoint-style slideshows from web pages.

jqPresentation is a jQuery plugin that creates PowerPoint-style slideshows from web pages.

Features:

  • Reads semantic, standards-compliant HTML
  • Supports jQuery UI animations
  • Tracks current position in the address bar for browser navigation support

Read More       Demo

jQuery jSon Slider, Carousel & Timeline Plugin

Looper js

The jSon Slider is a multi purpose jQuery plugin. We can crate slider, carousel & timeline.It is a responsive and fast-loading slider with built-in search functionality and other powerful features.

The jSon Slider is a multi purpose jQuery plugin. We can crate slider, carousel & timeline.It is a responsive and fast-loading slider with built-in search functionality and other powerful features.

Features:

  • Very fast-loading slider
  • CSS3 & jQuery animation
  • Carousel (Option for setting different numbers of slides for Desktop, Tablet and Mobile)
  • Testimonial, Tab & Timeline
  • Search within slides
  • YouTube and HTML5 videos in slides
  • Full screen
  • Thumbnails, bullets or HTML
  • Multiple sliders allowed on one page
  • Slides can be selected using a GET method in URl

Read More       Demo

DoSlide : Fullpage Section Scroll Library

Looper js

DoSlide is a javascrit library for fullpage section scroll or vertical slider. DoSlide is a light, no dependency and low invasive JS plugin, providing a pattern which switch entire one section at a time. DoSlide can be flexibly configured and has an inner tool library like jQuery, you can implement specific requirements quickly by taking advantage of it.

DoSlide is a javascrit library for fullpage section scroll or vertical slider. DoSlide is a light, no dependency and low invasive JS plugin, providing a pattern which switch entire one section at a time. DoSlide can be flexibly configured and has an inner tool library like jQuery, you can implement specific requirements quickly by taking advantage of it.

Read More       Demo

Pointy Slider with CSS & jQuery

Looper js

Today???s resource is a simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in block of content covers the old one, and unveils a new image.

Today???s resource is a simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in block of content covers the old one, and unveils a new image.

Read More       Demo

fSlider : jQuery slider plugin

Looper js

fSlider is a simple jQuery slider plugin with responsive feature and many other features.

fSlider is a simple jQuery slider plugin with responsive feature and many other features.

Read More       Demo

Material Design Shape Slider with jQuery & SVG

Looper js

Get your geometry on with this Material Design inspired shape slider. Developed with SVG shapes and CSS transforms.We???re using SVG???s to draw each shape you see on the left side of the screen. When a shape is clicked we transform the shape with CSS and simultaneously transform the content container to show the correct content for the shape that was clicked.

Get your geometry on with this Material Design inspired shape slider. Developed with SVG shapes and CSS transforms.We???re using SVG???s to draw each shape you see on the left side of the screen. When a shape is clicked we transform the shape with CSS and simultaneously transform the content container to show the correct content for the shape that was clicked.

Read More       Demo

RubyTabs : jQuery Tabs & Slider

Looper js

RubyTabs is a great plug-in Tabs + Slider when integrated touch gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects. Also, RubyTabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 75+ templates html, 14+ positions, 100+ options, more and more.

RubyTabs is a great plug-in Tabs + Slider when integrated touch gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects. Also, RubyTabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 75+ templates html, 14+ positions, 100+ options, more and more.

Read More       Demo

Material Design Slider Animation with CSS3

Looper js

A Material Design inspired slider with effective communicating animations.Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

A Material Design inspired slider with effective communicating animations.Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

Read More       Demo

Presentation Slideshow with CSS & jQuery

Looper js

A simple presentation template in CSS and jQuery.The easiest way is to use keyboard arrow keys (for devices that have them). However we had to take into account that all other interactions (click, scroll???) had to work as well when building something for the web.

A simple presentation template in CSS and jQuery.The easiest way is to use keyboard arrow keys (for devices that have them). However we had to take into account that all other interactions (click, scroll???) had to work as well when building something for the web.

Read More       Demo

Slider Revolution jQuery Visual Editor Addon

Looper js

If you don???t have the option to use WordPress on your server or just don???t want to, the Slider Revolution jQuery Visual Editor Addon which (only) works in conjunction with our Slider Revolution Responsive jQuery Plugin is the best choice.

If you don???t have the option to use WordPress on your server or just don???t want to, the Slider Revolution jQuery Visual Editor Addon which (only) works in conjunction with our Slider Revolution Responsive jQuery Plugin is the best choice.

  • Complete Graphical User Interface
  • Full Control over Styles, Animations, Transitions
  • Works on Desktops, Notebooks, Tablets & Smartphones
  • HTML5, YouTube & Vimeo Video Support
  • Fallback Options for Mobile Devices

Read More       Demo

Ideal Image Slider

Looper js

The aim behind the Ideal Image Slider is to create a slider which has just the right amount of features, with no bloat and be easy to extend so that more features can be added as ???extensions???. Here are the ideals and core features I wanted to include:

  • HTML5 (SEO optimised)
  • CSS3 transitions (a few simple transitions like slide/fade)
  • Left/Right navigation (including touch/swipe support)
  • Responsive
  • HiDPI (retina) support
  • ARIA support
  • Extremely simple to setup (no dependencies)
  • Very extensible
  • Uses progressive enhancement

Read More       Demo

Screen-roller : jQuery Full Screen SlideShow Plugin

Looper js

jQuery-plugin for full-screen slide show that can be switched in the standard display mode site (for small screens).

Read More       Demo

lory : jQuery Touch Enabled Minimalistic Slider

Looper js

Touch enabled minimalistic slider written in vanilla JavaScript.

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

Read More       Demo

Animated SVG Image Slider

Looper js

A simple, responsive carousel with animated SVG paths used as transition effects.

Read More       Demo

Animated SVG Hero Slider

Looper js

A full page slider, with animated SVG elements used as transition effects.

Read More       Demo

smSlider : jQuery Slideshow Plugin

Looper js

smSlider is a simple slideshow plug-in for jQuery.

Read More       Demo

CardSlider : jQuery 3D Card-Style Image Slider

Looper js

CardSlider is a responsive CSS3 3D Card-Style jQuery slider plugin which get inspiration from FWA landing page???s awesome slider.It can make images in to 3d card-style and animate them use CSS 3D transforms and CSS animations.

  • Responsive.
  • 3D Card-style with CSS3.
  • Dark & Light Skins included.
  • Pagination & Navigation controls.
  • AutoPlay supported.
  • Hardware Accelerated CSS 3D Transforms & Animations
  • Slide in six direction width shadow and animations.

Read More       Demo

Zenith : Responsive Slider jQuery Plugin

Looper js

Zenith is responsive slider jquery plugin that comes in 4 basic layouts and 7 transition animation available . 4-th layout, or slider layout, has some variations of it???s own, producing 3 more pre-defined sub-layouts and unlimited possibilities of styling, editing and creating some of your own variations. You can edit some HTML, and add that markup by passing it???s elements classes or id???s to the options when initializing zenith.

Read More       Demo

jcSlider : jQuery Responsive Slider with CSS Animations

Looper js

A responsive slider jQuery plugin with CSS animations.This plugin does not use jQuery animations. Only CSS3, because performance matters. No need to calculate distances, sizes or whatever, only add and remove classes to elements to animate them. It couldn???t be easier!

  • Only 1 js file
  • 1Kb minified
  • Responsive
  • Multiple effects (more than 60!)
  • Works with html, images??? whatever you want to animate

Read More       Demo

Fullpage : jQuery fullpage Animated Slider

Looper js

Fullpage is a jQuery plugin for fullpage animated slider.

Read More       Demo

Responsive Layered Slider with CSS3 & jQuery

Looper js

In this tutorial you will lean how to create a responsive layered slider. The slider will have multiple slides, each slide will have multiple layers which can have a different fade in effect.

Read More       Demo

Suitabs : jQuery Slideshow and Tab Plugin

Looper js

A jquery plugin for doing slideshow and tab.

Read More       Demo

Vertigo : jQuery Vertical Content Slider Plugin

Looper js

Vertigo is a jQuery vertical content slider plugin.

Read More       Demo

Motion Slider jQuery Plugin

Looper js

Motion Slider is a responsive jQuery slider plugin for mobile and desktop that enables multi-transition and browser prefix free CSS animation to your HTML DOM elements.

  • Easy CSS Animation with Multiple Transitions
  • Create Cool 2D and 3D Transforms
  • Works with CSS3 Animation
  • No Browser Prefix Needed
  • Use Text, ScrambleText, Bezier and Physics2D Plugins
  • Break Apart an Image into Tiles or Text into Lines, Words or Characters
  • Fully responsive
  • Cross-browser, IOS and Android Compatible
  • Multiple Sliders in One Page
  • Smart Loading Using Adaptive Images

Read More       Demo

JSONslider : jQuery slider for Pictures stored in a JSON file

Looper js

JSONslider is a simple jQuery slider for pictures stored dynamically in a JSON file you can edit without messing up your HTML.

Read More       Demo

Sangar Slider : Modern jQuery Slider Plugin

Looper js

Sangar slider is responsive and mobile ready with touch support.

Read More       Demo

jQuery Hero Slider

Looper js

A full-width, responsive and easy to customize slideshow, enriched by a tabbed navigation.

A full-width, responsive and easy to customize slideshow, enriched by a tabbed navigation.

Read More       Demo

SmartWave : jQuery Content Carousel Plugin

Looper js

SmartWave is a smart content carousel plugin with a lot of great features! Along with smooth CSS3 transitions, retina-ready controls and support for wide range of browser, SmartWave can rotate items in perspective during scroll, accelerate when you swipe faster, resize by choosing best items size and number of visible items and finally, perform ???lazy loading??? of images, what dramatically reduces loading time on mobile devices!

SmartWave is a smart content carousel plugin with a lot of great features! Along with smooth CSS3 transitions, retina-ready controls and support for wide range of browser, SmartWave can rotate items in perspective during scroll, accelerate when you swipe faster, resize by choosing best items size and number of visible items and finally, perform ???lazy loading??? of images, what dramatically reduces loading time on mobile devices!

Read More       Demo

Prism Effect Slider with HTML5 Canvas & JavaScript

Looper js

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.

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.

Read More       Demo

Slidea : A jQuery Smarter Responsive Slider Plugin

Looper js

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.

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

Read More       Demo

Product Preview Slider with CSS3 & jQuery

Looper js

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.

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.

Read More       Demo

Super Simple Slider with jQuery

Looper js

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.

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.

Read More       Demo

jQuery Nice Gallery ??? Flickr

Looper js

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 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.

Read More       Demo

jQuery Rotated Gallery with CSS3

Looper js

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.

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.

Read More       Demo

Gridslide.js : jQuery multidirectional Image Slider plugin

Looper js

A multi-directional jQuery image slider.

A multi-directional jQuery image slider.

Useful for displaying multiple albums on one page or diorama style photo arrays(house cutouts showing individual rooms etc).Gridslide automatically creates the navigation links for you all you have to do is style them and place them where you like.

Read More       Demo

Flickity : Touch, Responsive, Flickable Galleries

Looper js

Flickity is touch, responsive, flickable slider galleries.

Flickity is touch, responsive, flickable slider galleries.

Read More       Demo

CSS3 Image Slide with single Image

Looper js

Nice image slide animation with a single img, animate css and a little jQuery.

Nice image slide animation with a single img, animate css and a little jQuery.

Read More       Demo

3D Curtain Template with CSS3 & jQuery

Looper js

A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.

A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.

Read More       Demo

Bee3D Slider : Touch-Enabled Pure JS Plugin

Looper js

Bee3D Slider is a floating 3D slider and carousel plugin built with pure Javascript and CSS3 transformations!

Bee3D Slider is a floating 3D slider and carousel plugin built with pure Javascript and CSS3 transformations!

Features:

  • Touch-Enabled
  • 9 3D Effects available, with more on the way???
  • Autoplay, with optional pause on hover
  • Infinite Loops
  • Parallax effects, optional
  • Auto-Focus on load
  • Lightweight, 5KB minified
  • Responsive Image Support
  • Video Carousels
  • Mobile-friendly
  • Extensible callbacks
  • Styles come in LESS, SASS, and Stylus

Read More       Demo

jQuery Cloud Pricing Slider

Looper js

This pricing slider is designed considering requirements of Web Hosting, VPS Hosting, Cloud Server providers. It is very easy to modify and customize according to requirements. It can be configured with WHMCS order form and with other billing softwares or other custom order forms as well. It simply sends the slider values with URL

This pricing slider is designed considering requirements of Web Hosting, VPS Hosting, Cloud Server providers. It is very easy to modify and customize according to requirements. It can be configured with WHMCS order form and with other billing softwares or other custom order forms as well. It simply sends the slider values with URL

Read More       Demo

jFormslider : jQuery Form in Slider Plugin

Looper js

jFormslider is a jquery plugin where we can convert a big form in to a slider Form should be in ul li format.This plugin will transform a big Registration Form,Forms with many fields etc into a slider with next,back,submit buttons etc.

jFormslider is a jquery plugin where we can convert a big form in to a slider Form should be in ul li format.This plugin will transform a big Registration Form,Forms with many fields etc into a slider with next,back,submit buttons etc.

Read More       Demo

Expandable Image Gallery with CSS3 & jQuery

Looper js

An image that expands on click, going full-width and turning into a gallery.

An image that expands on click, going full-width and turning into a gallery.

Read More       Demo

Perspective Mockup Slideshow with CSS3 & JavaScript

Looper js

An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta???s script.

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.

Read More       Demo

Slippry : jQuery Reponsive Slider

Looper js

Responsive slider plugin for jQuery. Intrinsic trick to enable responsive resizing without js!

Responsive slider plugin for jQuery. Intrinsic trick to enable responsive resizing without js!

Read More       Demo

Chocolat : Responsive jQuery Lightbox Plugin

Looper 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.

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.

Read More       Demo

Jqx : jQuery Media Slider Plugin

Looper js

Simple and Customizable jQuery media slider Plugin.

Simple and Customizable jQuery media slider Plugin.

Read More       Demo

Wobbly Slideshow Effect with SVG & JavaScript

Looper js

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.

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.

Read More       Demo

Printer : AJAX style page loading jQuery plugin

Looper js

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).

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).

Features:

  • 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

Read More       Demo

Ultimate jQuery Sliders Bundle ??? Layers, Parallax, Zoom

Looper js

It contains all types of sliders/banners, from banner rotator, zoom in/out effect slider, parallax slider, carousel, sidebar banners and full screen background.

It contains all types of sliders/banners, from banner rotator, zoom in/out effect slider, parallax slider, carousel, sidebar banners and full screen background.

Bundle Includes:

  • jQuery Banner Rotator / Content Slider / Carousel
  • jQuery Slider Zoom In/Out Effect Fully Responsive
  • Parallax Slider ??? Responsive jQuery Plugin

Read More       Demo

Image Comparison Slider with jQuery & CSS3

Looper js

A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery.

A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery.

Read More       Demo

desoSlide : jQuery powerful Slideshow Plugin

Looper js

Take control of your slideshow with this powerful jQuery plugin.

Take control of your slideshow with this powerful jQuery plugin.

Features:

  • Place yours thumbnails anywhere in your page. Many options available to fit your needs.
  • Controls the slideshow with your keyboard keys or through the player.
  • Shows more information to your users with caption and link for each image.
  • Creates as many slideshows as you want on a single page.

Read More       Demo

Responsive Full Width Background Slider WordPress Plugin

Looper js

Thinking for a plugin which enable you to enclose your image collection or showcase your images in a very clean way to demonstrate it with a great effect. This plugin is very useful at various places like, if you want to showcase your any portfolio, any type of cool photography etc. with a your own WordPress site, want to show a different type of awesome slider with cool effect with different overlay on different page like for contact us , about us and many more, this all can be achieved with a great plugin which we have developed.

Thinking for a plugin which enable you to enclose your image collection or showcase your images in a very clean way to demonstrate it with a great effect. This plugin is very useful at various places like, if you want to showcase your any portfolio, any type of cool photography etc. with a your own WordPress site, want to show a different type of awesome slider with cool effect with different overlay on different page like for contact us , about us and many more, this all can be achieved with a great plugin which we have developed.

Features:

  • Front-end Gallery
  • Category Post Slider
  • Awesome Background Music
  • Multiple Instances of Slider with unlimited slides
  • Import/Export slider settings
  • Social sharing to share page/post
  • Upload your own custom overlay
  • Great feature of touch sense for mobile & Ipad devices
  • Google Font-Family
  • Having full control over slider controls
  • Easily Drag & Drop slides to reorder
  • Fully responsive & multiple layouts support

Read More       Demo

aSlider : Super light & fully Responsive jQuery Slider

Looper js

aSlider is a super light and fully responsive jQuery slider.

aSlider is a super light and fully responsive jQuery slider.

Read More       Demo

Codetabs B+ : Premium Tabs + Slider For Bootstrap

Looper js

Codetabs is a great plug-in tabs + slider when integrated gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects with built-in over 250 ???out-in??? effects and ???one???. Also, codetabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 40+ templates html, 14+ positions, 100+ options, more and more.

Codetabs is a great plug-in tabs + slider when integrated gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects with built-in over 250 ???out-in??? effects and ???one???. Also, codetabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 40+ templates html, 14+ positions, 100+ options, more and more.

Read More       Demo

ddHeroSlider : jQuery Responsive Slider with Image Pagination

Looper js

A responsive Susy slider with simple jQuery. Includes caret and image pagination.

A responsive Susy slider with simple jQuery. Includes caret and image pagination.

  • Built with Susy framework
  • Responsive slider
  • lightweight

Read More       Demo

Simple jQuery/CSS3 slider

Looper js

Simple jQuery CSS3 slider. Simple to use and supports every browser! (IE7+)

Simple jQuery CSS3 slider. Simple to use and supports every browser! (IE7+)

Read More       Demo

JsMorph : JavaScript Motion framework

Looper js

jsMorph is a morphing ??? motion ??? tweening framework that knows what you need to do??? get going! It???s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

jsMorph is a morphing ??? motion ??? tweening framework that knows what you need to do??? get going! It???s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience.

Read More       Demo

Create a Tiled Background Slideshow with CSS3

Looper js

A tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim is to implement a smooth effect and add some variations.

A tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim is to implement a smooth effect and add some variations.

Read More       Demo

Arrow Navigation Styles with CSS & SVG

Looper js

Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.

Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.

Read More       Demo

Liquid Slider : jQuery Responsive Content Slider

Looper js

Liquid Slider is a responsive jQuery HTML content Slider.

Liquid Slider is a responsive jQuery HTML content Slider.

Read More       Demo

picoSlides : jQuery Plugin for SlideShare Presentations

Looper js

picoSlides is a jQuery plugin for directly embedding SlideShare presentations without using IFRAMEs. It leverages SlideShare???s oEmbed API to offer a responsive interface that enables optimal use of bandwidth and simple slide navigation.

picoSlides is a jQuery plugin for directly embedding SlideShare presentations without using IFRAMEs. It leverages SlideShare???s oEmbed API to offer a responsive interface that enables optimal use of bandwidth and simple slide navigation.

Features:

  • Adaptive slide images: fetches device-appropriate versions of images depending on the dimensions of the slideset container.
  • Lazy slide loading: the first slide image is used as a preview poster of the whole presentation, a la YouTube. The remaining slides are downloaded only if the user hits the ???Next??? button.

Read More       Demo

skippr : jQuery Super simple Slideshow plugin

Looper js

A super simple slideshow plugin for jQuery.

A super simple slideshow plugin for jQuery.

Read More       Demo

jQuery Animate Slider

Looper js

A jQuery Slider plugin with specific animations effects for each element.The Animate Slider plugin uses some predefined animation classes (fadeIn,fadeOut,rotateIn,bounce,slideInRight etc.) found in jquey.animateSlider.css and adds them to each element on the slider. It also add classes with delay for each animation (delay1s,delay1-5s,delay2s etc.)

A jQuery Slider plugin with specific animations effects for each element.The Animate Slider plugin uses some predefined animation classes (fadeIn,fadeOut,rotateIn,bounce,slideInRight etc.) found in jquey.animateSlider.css and adds them to each element on the slider. It also add classes with delay for each animation (delay1s,delay1-5s,delay2s etc.)

Read More       Demo

Sliders : jQuery overlay slider plugin

Looper js

An easy to use, CSS3/jQuery Responsive overlay slider with navigation.

An easy to use, CSS3/jQuery Responsive overlay slider with navigation.

Read More       Demo

Mostslider : jQuery Content slider

Looper js

Mostslider is a lightweight and simple to use jQuery content slider.

Mostslider is a lightweight and simple to use jQuery content slider.

Features:

  • Minified version is only 9kb.
  • Easy to setup and use.
  • Sliding any content.
  • Responsive.
  • Built in social sharing buttons.
  • Linkable slides.

Read More       Demo

Powerange : iOS 7 style range slider

Looper js

Powerange is a range slider control, inspired heavily by iOS 7 and the ???Power Rangers??? TV series. It is easily customizable, both by CSS and JavaScript. With it???s many features, including changing color and overall style, switching between horizontal and vertical style, custom min, max and start values, custom step interval, displaying decimal values, displaying icons instead of min/max numbers, it is a really powerful UI tool to use on your website.

Powerange is a range slider control, inspired heavily by iOS 7 and the ???Power Rangers??? TV series. It is easily customizable, both by CSS and JavaScript. With it???s many features, including changing color and overall style, switching between horizontal and vertical style, custom min, max and start values, custom step interval, displaying decimal values, displaying icons instead of min/max numbers, it is a really powerful UI tool to use on your website.

Read More       Demo

Master Slider ??? WordPress Responsive Touch Slider

Looper js

Master Slider WordPress is a premium high quality designed image and content slider for WordPress, with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. It???s a truly responsive and device friendly slider which works perfect in all major devices. Master Slider is an awesome layer slider as well, with the ability of adding any HTML contents (texts, images, ???) in layers. You almost have everything in Master slider which is the most complete among the best, hotspots, thumbnails, variety of effects, Video support and much more.

Master Slider WordPress is a premium high quality designed image and content slider for WordPress, with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. It???s a truly responsive and device friendly slider which works perfect in all major devices. Master Slider is an awesome layer slider as well, with the ability of adding any HTML contents (texts, images, ???) in layers. You almost have everything in Master slider which is the most complete among the best, hotspots, thumbnails, variety of effects, Video support and much more.

Read More       Demo

Theme Slider : jQuery FullScreen Touch Slider Plugin

Looper js

Modern Touch-Enabled FullScreen Slider with Unlimited Layers and Animations.

Modern Touch-Enabled FullScreen Slider with Unlimited Layers and Animations.

Features:

  • Responsive, Mobile-Friendly with Touch/Swipe Support
  • 91 Predefined Layer Positions, 650+ Font Styles (Google Fonts), 360+ Icons (Font Awesome Icons)
  • Unlimited Layers, Sublayers, Text Layers, Transitions, All of Them should be Animated
  • Compatible with All Major Browsers
  • Custom YouTube Player with Additional Options (Autoplay, Resize to Fit to the Screen, Loop, Hide Control Bar)
  • Customizable Animation Time, Delay for Each Main Slide, Sublayer, Text Layer, Custom Options for Text Animations
  • 80+ Animation Types, combined with Easing Effects you can create more than 300 Unique Animations
  • 10+ Main Slider Animations with Hardware Accelerated CSS3 Technology
  • 30+ Text Animations
  • 10+ Sublayer Animations with in and out animations including random type
  • 30+ Easing Effects
  • AutoPlay, Control Options (color, position for global or each slides)
  • Integrated Preloader with 5 custom animations

Read More       Demo

jQuery lightSlider : Touchable Responsive Content Slider

Looper js

jQuery lightSlider is a lightweight responsive Content slider.

jQuery lightSlider is a lightweight responsive Content slider.

Features:

  • Fully responsive ??? will adapt to any device.
  • Supports touch devices and swiping.
  • Gallery mode to create an image slideshow with thumbnails
  • Small file size (6kb) (minified), fully themed, simple to implement.
  • CSS transitions with jQuery fallback.
  • Full callback API and public methods.
  • Auto play and auto loop to create a content carousel.
  • Keyboard, arrows and dots navigation.
  • Chrome, Safari, Firefox, Opera, IE7+, IOS, Android, windows phone.
  • Slide and Fade Effects.
  • Multiple instances on one page.

Read More       Demo

Devrama Slider ??? jQuery Plugin

Looper js

???Devrama Slider??? is a image slider with many features. It support both images and HTML contents.

???Devrama Slider??? is a image slider with many features. It support both images and HTML contents.

Read More       Demo

Accordion Slider ??? Responsive jQuery WordPress plugin

Looper js

Accordion Slider is a fully responsive and touch-enabled WordPress plugin that combines the functionality of an accordion with that of a slider.

Accordion Slider is a fully responsive and touch-enabled WordPress plugin that combines the functionality of an accordion with that of a slider.

  • Fully Responsive ??? automatic or custom responsiveness.
  • Touch-enabled ??? touch-swipe and tap on mobile screens, mouse drag on desktops.
  • Dynamic Content ??? load images and content from posts, galleries and Flickr.
  • Automatic Updates -update the accordion directly from the Dashboard.
  • Pagination -add as many panels as you want without worrying about screen space.
  • Smooth animations ??? uses CSS3 transitions and RequestAnimationFrame.
  • Retina-ready ??? specify a retina version for each image.

Read More       Demo

PgwSlider : Responsive slider for jQuery

Looper js

PgwSlider is a responsive slider for jQuery / Zepto.

PgwSlider is a responsive slider for jQuery / Zepto.

  • Fully responsive slider
  • Less than 2.5 KB (minified and gzipped)
  • All browsers support (desktop and mobile devices)
  • SEO compliant

Read More       Demo

jQuery Vertical News Slider

Looper js

A jQuery and CSS3-based slider module that displays news headlines on the left along with a preview image and brief description on the right. The ???current??? item is highlighted and switches automatically at intervals.

A jQuery and CSS3-based slider module that displays news headlines on the left along with a preview image and brief description on the right. The ???current??? item is highlighted and switches automatically at intervals.

Read More       Demo

Tilted Content Slideshow with CSS3 Transform & Animation

Looper js

A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.

A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.

The FWA landing page has a really nice content slider that plays with 3D perspective on screenshots and animates them in an interesting way. Today we???d like to recreate part of that effect and make a simple content slideshow with some fancy 3D animations. The slideshow won???t be the same as the one on the FWA page: the items won???t be ???floating??? or moving on hover and we???ll only have a simple navigation.

Read More       Demo

InfinitySlider ??? jQuery Slider with CSS3 Animations

Looper js

Modern, Customizable, Clean, Fluid and Responsive. Responsive effects by default and fully compatible with Desktop, Notebook, Tablet, Smarphone, Firefox, Chrome, Opera, Safari and Internet Explorer.Image Autofit is an awesome feature that allows you to responsive your images automatically by cutting its edges and resizing its sizes, to preserve a high definition on every device and create an awesome slider for desktop and mobile.

Modern, Customizable, Clean, Fluid and Responsive. Responsive effects by default and fully compatible with Desktop, Notebook, Tablet, Smarphone, Firefox, Chrome, Opera, Safari and Internet Explorer.Image Autofit is an awesome feature that allows you to responsive your images automatically by cutting its edges and resizing its sizes, to preserve a high definition on every device and create an awesome slider for desktop and mobile.

Features:

  • Super-Fluid CSS3 Effects & Transitions on Desktop & Mobile
  • You can select your IN/OUT/BACK Times for each element
  • HTML & CSS Content supported, you can add texts, images, videos, canvas, pricing tables, and all you want.
  • Fully Support of Video Embedding as Fullscreen or Boxed
  • Youtube & Vimeo API that stops the video if you change the slide
  • Image Autofit that allows you to select the subject position on the images
  • Cinematic Effect that allows you to make an animation-movement of the images
  • Blur Effect that allows you to make an automatic blur image from a normal one
  • Fully Cross-Browser Compatibility
  • Bootstrap 3 Integrated so you can use all the Bootstrap Elements inside the slide
  • Easy to integrate with other Frameworks
  • Font Awesome 4 Integrated
  • Fully Responsive
  • Play & Stop with the slide loader
  • Autoplay, you can active it to start your slide when the page is opened
  • Keyboard Navigation

 

Read More       Demo

Royal 3D Coverflow jQuery WordPress Plugin

Looper js

Royal 3D Coverflow WordPress Plugin is a fully responsive media 3D coverflow wordpress plugin that allows you to display media content with an unique original layout from a 3D perspective. It???s perfect for any kind of presentation, for anyone that wants to deliver a great impact on their visitors. It runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows 8.

Royal 3D Coverflow WordPress Plugin is a fully responsive media 3D coverflow wordpress plugin that allows you to display media content with an unique original layout from a 3D perspective. It???s perfect for any kind of presentation, for anyone that wants to deliver a great impact on their visitors. It runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows 8.

Read More       Demo

Wallop Slider : Simple Slider with CSS3 transitions

Looper js

Wallop Slider is simple slider with CSS3 transitions.

Wallop Slider is simple slider with CSS3 transitions.

Features:

  • Mobile first
  • Progressive enhancement
  • Transitions/Animations are all in CSS
  • Minimal JavaScript
  • Flexible & Scalable
  • Custom events and API available
  • 3KB minified
  • Dependency free ??? That???s right, no jQuery

Demos :

 

Read More       Demo

Magic Responsive Slider & Carousel jQuery WordPress Plugin

Looper js

Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You???ll also be able to create interactive ???magic??? carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.

Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You???ll also be able to create interactive ???magic??? carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.

Features:

  • touch screen navigation support for mobile
  • responsive design ??? available parameter to disable responsive behaviour
  • multimedia support: Images, YouTube, Vimeo, HTML5 video and HTML5 audio. HTML5 video and HTML5 audio will not work in IE7 & IE8
  • lightbox support
  • border ??? you can set the border size and border color for active and inactive image.
  • Fixed Dimensions Version, Full Width Version and Responsive Version
  • circle timer parameters for color, dimensions, transparency (available only for Perspective version)
  • width & height parameters
  • it supports links for each image with parameter for _self or _blank
  • autoplay parameter

Read More       Demo

Swiper Smooth Progress plugin

Looper js

Smooth Progress is the ultra small (about 1Kb minified and gzipped) and free JavaScript plugin for iDangero.us Swiper 2.3+ that allows you add additional effects and dependencies depending on current position of Swiper and its slides in real time. The point is that now you can know about how much is far from ???active??? position any slide.

Smooth Progress is the ultra small (about 1Kb minified and gzipped) and free JavaScript plugin for iDangero.us Swiper 2.3+ that allows you add additional effects and dependencies depending on current position of Swiper and its slides in real time. The point is that now you can know about how much is far from ???active??? position any slide.

Read More       Demo

FullScreen Background Slider ??? jQuery SlideShow

Looper js

The plugin using the latest CSS3 transitions with some jQuery to display a really unique Gallery Slideshow on your website???s background. With 20 animation types, 20+ patterns and customizable timing it can be a exciting tool to create great websites, landing pages and coming soon sites.

The plugin using the latest CSS3 transitions with some jQuery to display a really unique Gallery Slideshow on your website???s background. With 20 animation types, 20+ patterns and customizable timing it can be a exciting tool to create great websites, landing pages and coming soon sites.

Features:

  • Responsive, Mobile-Friendly
  • 20 Animation Effects
  • Lightweight javascript (~14Kb), using CSS3 Transitions
  • Compatible with all major browers
  • 20 built-in patterns
  • Customizable Animation Time
  • init(), destroy(), updatepattern() methods
  • jQuery Animations on Old Browsers

Read More       Demo

Scattered Polaroids Gallery with JavaScript & CSS3

Looper js

A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides. Optionally, an item can have a backface which will be shown by flipping the Polaroid when clicking on the current navigation dot again.

A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides. Optionally, an item can have a backface which will be shown by flipping the Polaroid when clicking on the current navigation dot again.

Read More       Demo

Magic Slider with layers & Carousel with LightBox

Looper js

Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You???ll also be able to create interactive ???magic??? carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.

  • touch screen navigation support for mobile
  • responsive design. Available parameter to disable responsive behaviour
  • 2 predefined skins: bullets & thumbs
  • layered elements: permits almost unlimited number of layers, images or texts.
  • animated layers from any direction: top, bottom, left and right using smoooth CSS3 transitions.CSS and HTML formated
  • each layer has parameters for intial move animation, intermediate move animation and exit move animation
  • Ultra-smooth Ken Burns Effect for background image, on all major browsers
  • ???Fade??? and ???Slide??? transitions to navigate between the slides. Parameters to set the speed and easing.
  • Fixed Dimensions Version, Full Width Version and Responsive Version
  • external url link parameter for each slide
  • target parameter: _blank or _self
  • width & height parameters
  • autoplay parameter
  • loop parameter
  • show/hide controllers parameter
  • show/hide bottom thumbs parameter
  • circle timer parameters for color, dimensions, transparency
  • you can include YouTube and Vimeo

Read More       Demo

Simple 3D Coverflow

Looper js

Simple 3D Coverflow is a fully responsive media 3D coverflow plugin that allows you to display media content with an unique original layout from a 3D perspective. It???s perfect for any kind of presentation, for anyone that wants to deliver a great impact on their visitors. It runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows 8. Also supports unlimited categories and each category can have any number of thumbnails. The datalists are loaded from a simple HTML markup.

Read More       Demo

Jumbo 7 : jQuery Image Fullscreen Gallery

Looper js

Jumbo 7 is easy to use Fullscreen gallery including Kenburn. As navigation, you can use bullets/thumbnails and tabs in your choices. And it is fully responsive and modern features like Video embed,Smart Lightbox are supported which make it more stunning.

  • Kenburn
  • Hardware accerlated slide animation
  • Easy to implement and customize
  • Unlimited slides ??? Users can insert as many slides as he wants.
  • Unlimited Title Caption
  • Native browser support
  • Html5/Css3 transitions support ??? It uses html5/css3 transition for modern browsers.
  • Image Lazy Loading ??? Jumbo 7 loads all images at once so that he/she doesn???t wait again while slides.
  • Image Preview support ??? Jumbo 7 provides image preview option on hover.
  • Customizable width and height ??? Width and height can be set.
  • Fully responsive ??? It???s fully responsive so it can be attached in touch device.
  • Full width functionality involved ??? Full width slider is available
  • Lightbox support ??? It supports lightbox based on users??? demand.
  • Touch device support ??? Touch events are supported.
  • Mouse swipe navigation support ??? Swipe functionality is available so users feel comfortable to navigate.
  • Video content support(Youtube,Vimeo) ??? Embeded videos are supported.
  • Carousel support ??? Carousel viewmode is supported.
  • Keyboard navigation available

Read More       Demo

jQuery MySlider Constructor

Looper js

Visual designer of sliders for your website. In the visual mode, you can create advertising sliders with animation effects and photo albums. Can be easily integrated with any CMS (not used database).

  • Select the font, size and color of the text.
  • Convenient resizing, color and transparency of blocks.
  • Fast uploading images with the ability to resize the image without changing the aspect ratio.
  • Selection and speed of animation effect.
  • Unlimited number of slides and layers.
  • Possibility of localization.
  • Easy integration with any CMS (do not use a database).
  • Correct works in all modern browsers (IE8 +).

Read More       Demo

Bootslider : jQuery Responsive Bootstrap CSS3 Slider

Looper js

Bootslider is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with modern and fancy 3D transitions. Even more important, it is fully responsive and mobile optimized and can take on any dimensions.

  • Responsive
  • Touch Enabled
  • High Performance
  • CSS3 Transitions
  • SEO Friendly
  • Full Width and Boxed

Read More       Demo

Fancy 7 ??? jQuery Touch Image Slider / LightBox

Looper js

Fancy 7 is one of the most complete image slider ever. It is built in latest jQuery and mobile compatible so anyone can easily use it without any restriction. And it is fully responsive and modern features like Video embed,Smart Lightbox are supported which make it more stunning.

  • Premium 10+ fancy skins
  • 380+ wonderful animations(2d,3d) ??? Animations will come more as new version released.
  • Easy to implement and customize
  • Unlimited slides ??? Users can insert as many slides as he wants.
  • Native browser support
  • Html5/Css3 transitions support ??? It uses html5/css3 transition for modern browsers.
  • Image Lazy Loading ??? Fancy 7 loads all images at once so that he/she doesn???t wait again while slides.
  • Image Preview support ??? Fancy 7 provides image preview option on hover.
  • Customizable width and height ??? Width and height can be set.
  • Fully responsive ??? It???s fully responsive so it can be attached in touch device.
  • Full width functionality involved ??? Full width slider is available
  • Lightbox support ??? It supports lightbox based on users??? demand.
  • Touch device support ??? Touch events are supported.

Read More       Demo

VenoBox : Responsive jQuery lightbox plugin

Looper js

Just another responsive jQuery lightbox plugin, suitable for images, inline contents, iFrames, Google Maps, Vimeo and YouTube videos.

Read More       Demo

Swipejs : Most accurate touch slider

Looper js

Swipe is the most accurate touch slider.Swipe is compatible with all browsers, including IE7+. Swipe works best on devices that support CSS transforms and touch, but can be used without these as well. A few helper methods determine touch and CSS transition support and choose the proper animation methods accordingly.

Read More       Demo

Master Slider : jQuery Responsive Touch Swipe Slider

Looper js

Master Slider is a premium image and content slider with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. It???s a truly responsive and device friendly slider which works perfect in all major devices. Master Slider is an awesome layer slider as well, with the ability of adding any html contents (texts, images, ???) in layers. It is easy to use, plus there are 25+ ready to use templates available for you. You almost have everything in Master slider which is the most complete among the best, hotspots, thumbnails, variety of effects, Video support and much more.

Master Slider is a premium image and content slider with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. It???s a truly responsive and device friendly slider which works perfect in all major devices. Master Slider is an awesome layer slider as well, with the ability of adding any html contents (texts, images, ???) in layers. It is easy to use, plus there are 25+ ready to use templates available for you. You almost have everything in Master slider which is the most complete among the best, hotspots, thumbnails, variety of effects, Video support and much more.

Read More       Demo

jQuery.TosRUs : jQuery plugin for scrolling/swiping

Looper js

A one-stop-shop jQuery plugin for scrolling/swiping through all different kinds of content. On a desktop, tablet or smartphone, inside a HTML element or as a lightbox popup.

A one-stop-shop jQuery plugin for scrolling/swiping through all different kinds of content. On a desktop, tablet or smartphone, inside a HTML element or as a lightbox popup.

Features:

  • Responsive CSS interface for sizing and positioning.
  • Creates lightbox galleries just as easy as ???inline??? sliders.
  • Drag or swipe to slide to the next/previous slide(s).
  • Doubletab or pinch to zoom on images.
  • Slides are automatically grouped into a gallery.
  • Works just as well on a desktop as it does on a tablet or smartphone.
  • Very customizable through a series of options with device dependent defaults.
  • Viewport-scale dependent buttons and caption sizes.
  • Currently supports showing images, video???s and HTML content.
  • Optimized preloading content; not too soon, not too late.
  • Retina ready.

Read More       Demo

Slippry : jQuery Responsive Slider

Looper js

Slippry is a responsive jQuery slider. It uses latest technology with smooth degrade. The sliders can be made simple or really complex by tuning the settings.

Slippry is a responsive jQuery slider. It uses latest technology with smooth degrade. The sliders can be made simple or really complex by tuning the settings.

Read More       Demo

Slideme! : A powerful jQuery slideshow

Looper js

A responsive, css3, compatible (works fine even with IE7), customizable, easy to install (and use), multi-instance, fullscreen, cool, powerful slideshow plug-in for jQuery.Slideme is a fully customisable slideshow, with many different kinds of transition effects, paginations and callbacks.

A responsive, css3, compatible (works fine even with IE7), customizable, easy to install (and use), multi-instance, fullscreen, cool, powerful slideshow plug-in for jQuery.Slideme is a fully customisable slideshow, with many different kinds of transition effects, paginations and callbacks.

Read More       Demo

Smoothslides : Lightweight and Responsive jQuery slideshow

Looper js

A simple, lightweight, and responsive jQuery slideshow by Kevin Thornbloom that features Ken Burns type animations.

A simple, lightweight, and responsive jQuery slideshow by Kevin Thornbloom that features Ken Burns type animations.

Features:

  • Lightweight [3.5Kb]
  • Four Animation Types: Zoom In, Zoom Out, Pan Left, Pan Right
  • Easily add captions
  • CSS3 transitions for smoother effects
  • Responsive image sizes

Read More       Demo

Panelize : A jquery plugin that Navigates an Image

Looper js

A jquery plugin that navigates an image by using an HTML image map.jQuery Panelize is a plugin built largely to assist in navigating web comics, although it can additionally be used for presentations, interactive maps, and SVG.

A jquery plugin that navigates an image by using an HTML image map.jQuery Panelize is a plugin built largely to assist in navigating web comics, although it can additionally be used for presentations, interactive maps, and SVG.

Read More       Demo

jQuery Immersive Slider

Looper js

Immersive Slider let you create a unique immersive slider experience that changes the whole container to match the viewing slide like you see at the Google???s TV website. The plugin will let you assign background images per slide without you doing all the hard work.

Immersive Slider let you create a unique immersive slider experience that changes the whole container to match the viewing slide like you see at the Google???s TV website. The plugin will let you assign background images per slide without you doing all the hard work.

The plugin is capable of blurring the first image it finds in each slide, blow them up and use it as a background without you having to manually set each slide a background image. This is done using the CSS3 style called Filter which only works on Chrome, and maybe a performance hog.

Read More       Demo

brandsBox : Logos Slider jQuery Plugin

Looper js

Logos slider jQuery plugin.

Logos slider jQuery plugin.

Features:

  • Responsive
  • Configurable Grid
  • Hardware, CSS3 Transitions
  • 6 Smooth Sliding Transitions
  • Animations Speed Control
  • Hover Effects
  • 6 Color Modes for Logos
  • Logos Opacity Control
  • Sliding Modes
  • XML / JS Items Management
  • Major Browsers Support

Read More       Demo

Animations for Thumbnail Grids with CSS3 & JavaScript

Looper js

Today we???d like to share some fancy animations for thumbnails in a grid with you. There are many possibilities when it comes to these kind of effects, but not all of them fit well when applied to multiple items, like a grid of images. There is not much space and we have to consider the stacking order of the items for the effects to look nice. An interesting thing is that we can play with delays, intensifying the viewing pleasure of the whole thing. Not only can we apply the delays in order, but randomly or reversed.

Today we???d like to share some fancy animations for thumbnails in a grid with you. There are many possibilities when it comes to these kind of effects, but not all of them fit well when applied to multiple items, like a grid of images. There is not much space and we have to consider the stacking order of the items for the effects to look nice. An interesting thing is that we can play with delays, intensifying the viewing pleasure of the whole thing. Not only can we apply the delays in order, but randomly or reversed.

Read More       Demo

mightySlider : jQuery Responsive Slider

Looper js

mightySlider is a jQuery plugin for creating advanced one-directional slider with item based navigation support.

mightySlider is a jQuery plugin for creating advanced one-directional slider with item based navigation support.

It can be used as a simple image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything.

Features:

  • Responsive design.
  • Animated HTML captions with customizable effects.
  • Easy installation in your Website.
  • Unlimited Slides.
  • Unlimited Caption Layers.
  • Unlimited Caption Effects.
  • Native browser fullscreen support.
  • Cross browser, supports Chrome, FireFox, Safari, Opera and IE7+.
  • Device friendly, works in iPhone, iPad, Android Devices and Windows Phone.
  • Highly User Interface Design.
  • Fully customizable, it???s possible to customize or redesign all parts of mightySlider.
  • Search engine optimized (SEO).
  • YouTube and Vimeo videos are supported.
  • Super smooth hardware accelerated CSS3 transitions for supported touch devices.
  • Smart lazy loading ??? loads nearby images in background, so users don???t need to wait each time and images are available instantly.
  • Simple clean & valid markup.
  • Deep linking ??? link to specific slide from URL.
  • Adjustable speed, transition and easing for each caption or slide.
  • Auto cycling with optional pause on hover.
  • Thumbnails, Tabs or bullets for navigation.
  • Multiple sliders allowed on one page.
  • Keyboard support.
  • Touch support.
  • Mouse support: (Click, Wheel).

Read More       Demo

Ion.ImageSlider : jQuery image slider with lightbox and skin support

Looper js

jQuery image slider with lightbox and skin support.

jQuery image slider with lightbox and skin support.

Features:

  • Ion.ImageSlider ??? nice and powerful image slider and lightbox at once.
  • Lightbox supports keyboard controls with ESC, LEFT and RIGHT button.
  • Crossbrowser: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)
  • Ion.Image Slider supports touch-devices (iPhone, iPad, etc.).

Read More       Demo

ion.zoom : Image zoom lightbox jQuery plugin

Looper js

Image zoom lightbox jQuery plugin.

Image zoom lightbox jQuery plugin.

Description:

  • ion.zoom ??? easy image lightbox jQuery plugin for small galleries. Allow to zoom images at place.
  • Supports keyboard controls with ESC, LEFT and RIGHT button.
  • Supports multiple independently operating galleries in one page.
  • Crossbrowser: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)
  • Works on touch screen devices (iPhone, iPad, etc.).

Read More       Demo

Cream Soda Responsive jQuery News Ticker

Looper js

Cream Soda jQuery Ticker is an ultra light, responsive, plug and play component that you can drop straight into your website. jQuery Ticker looks professional, with clean styling and elegant sliding animations. This version of Cream Soda jQuery Ticker supports three modes; vertical, horizontal and mini.

Cream Soda jQuery Ticker is an ultra light, responsive, plug and play component that you can drop straight into your website. jQuery Ticker looks professional, with clean styling and elegant sliding animations. This version of Cream Soda jQuery Ticker supports three modes; vertical, horizontal and mini.

Features:

  • Responsive
  • Cross Browser Compatible
  • Light & Ultra Customisable
  • Minimal coding required
  • Three ticker types (Vertical, Horizontal & Micro)
  • Custom Animation Options
  • Custom CSS Options
  • Highlight featured items
  • Excerpt/Truncate Options
  • Navigational Buttons
  • Supports imagery
  • Auto play options
  • Smart pausing and interaction options
  • Accepts static content or XML/RSS feed content
  • Custom links from each item
  • Custom link targets
  • Manage item lengths

Read More       Demo

Blindify : jQuery Slideshow featuring a blinds effect transitioning

Looper js

Blindify is a jQuery plugin which creates a slideshow featuring a blinds effect transitioning (either vertical or horizontal) between a list of images.

Blindify is a jQuery plugin which creates a slideshow featuring a blinds effect transitioning (either vertical or horizontal) between a list of images.

I saw a photograph in a printed magazine which inspired me to create a JavaScript effect that would make any photo look exactly like that. After I created this effect, I altered the code into a proper transition effect to be used as a slideshow, using multiple images. I am now going to walk you through how it was built.

Read More       Demo

jQueryUI Limitslider

Looper js

jQuery slider extension forcing gaps and order for any number of handles.A slider allowing multiple sliders and ranges with all sorts of optional limitations in position/size/distance. Also includes optional labels on the sliders and hover titles.

jQuery slider extension forcing gaps and order for any number of handles.A slider allowing multiple sliders and ranges with all sorts of optional limitations in position/size/distance. Also includes optional labels on the sliders and hover titles.

Features:

  • Multiple sliders.
  • Multiple ranges.
  • Allows or blocks crossing of sliders.
  • Minimum distance between sliders.
  • Minimum/maximum position for all or individual sliders.
  • Label on the sliders.
  • Titles on sliders.
  • Use all of jQueryUI???s slider functionality.

Read More       Demo

Ion.RangeSlider : jQuery Range Slider Plugin

Looper js

Ion.RangeSlider ??? Nice, comfortable and easily customizable jQuery range slider with skins support. Also support events and public methods, has flexible settings, can be completely altered with CSS.

Ion.RangeSlider ??? Nice, comfortable and easily customizable jQuery range slider with skins support. Also support events and public methods, has flexible settings, can be completely altered with CSS.

Features:

  • Slider supports negative and fractional values.
  • Ion.RangeSlider supports touch-devices (iPhone, iPad, etc.).
  • Crossbrowser: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)

Read More       Demo

Glide.js : Responsive and touch-friendly jQuery slider

Looper js

Glide is responsive and touch-friendly jQuery slider. Based on CSS3 transitions with fallback to older broswers. It???s simple, lightweight and fast. Designed to slide, no less, no more.

Glide is responsive and touch-friendly jQuery slider. Based on CSS3 transitions with fallback to older broswers. It???s simple, lightweight and fast. Designed to slide, no less, no more.

Read More       Demo

Sliding Horizontal Layout with CSS3

Looper js

Today we???d like to share an interesting layout with you. You might have seen it already on Skybox or on the website of Lotta Nieminen. It???s a layout where we see the main section in the middle and part of the previous and next section on the sides. The navigation reflects this view by showing the three items currently visible. When clicking on one of the sides or on one of the lateral navigation items, the sections will slide to the respective side, showing the next or previous section. The same happens to the navigation.

Today we???d like to share an interesting layout with you. You might have seen it already on Skybox or on the website of Lotta Nieminen. It???s a layout where we see the main section in the middle and part of the previous and next section on the sides. The navigation reflects this view by showing the three items currently visible. When clicking on one of the sides or on one of the lateral navigation items, the sections will slide to the respective side, showing the next or previous section. The same happens to the navigation.

We use CSS 3D Transforms for moving the lateral sections. In a browser that does not support 3D Transforms (or where JavaScript is not enabled),

Read More       Demo

nanoGALLERY : jQuery Image Gallery Plugin

Looper js

Image gallery for jQuery. Powerful and easy to use image gallery with support for pulling in Flickr and Picasa/Google+ photo albums as well. Mobile-friendly and responsive. Smooth in/out transitions. Images are shown as clickable thumbnails, which will expand to full view via a modal popup window. Support custom themes.

Image gallery for jQuery. Powerful and easy to use image gallery with support for pulling in Flickr and Picasa/Google+ photo albums as well. Mobile-friendly and responsive. Smooth in/out transitions. Images are shown as clickable thumbnails, which will expand to full view via a modal popup window. Support custom themes.

Features:

  • Display image gallery
  • Easy to setup and customizable
  • Responsive layout ??? mobile friendly
  • Smooth in/out transition
  • Display image captions and descriptions
  • Breadcrumb for easy navigation in photo albums
  • Ignore undesired albums or photosets (by keyword blacklisting)
  • Multiple galleries on one page
  • Delivered with multiple themes ??? Support custom themes
  • Supported image sources :
    • list of images
    • Flickr account
    • Picasa/Google+ account

Read More       Demo

Nex : jQuery Blazing Fast FullScreen Slider

Looper js

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.

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.

It???s speed is based upon the fact that it is based on the Animo library which implements custom features from modern browsers like ???requestAnimationFrame??? and ???Gpu Acceleration???.

Features:

  • Customizable slider look
  • Optimized Speed
  • Touch Support
  • Keyboard Support
  • Pattern Support
  • SEO Friendly
  • 10 types of effects:
    1. Fade
    2. Slide from left
    3. Slide from right
    4. Slide from top
    5. Slide from bottom
    6. Zoom
    7. Skew
    8. Rotate
    9. Random
    10. None
  • 5 Predifined Color themes: amethyst, coral, sun, turquoise, and the default one
  • Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia. (Note that they currently are working only under chrome, opera and safari)
  • Different Content types: image, video, map
  • Customizeable map style: ROADMAP, SATELLITE, HYBRID, TERRAIN
  • Customizable maps: zoom size, show infowindow, or hide it

Read More       Demo

RTP.Slider.js: jQuery Touch Enable and Responsive Slider Plugin

Looper js

RTP.Slider.js is a versatile and flexible slider. Strong support for fluid / responsive Designs, mobile browsers and touch devices. It has nearly every feature that you can find in other sliders on the web.

RTP.Slider.js is a versatile and flexible slider. Strong support for fluid / responsive Designs, mobile browsers and touch devices. It has nearly every feature that you can find in other sliders on the web.

Features:

  • Carousel/Endless mode
  • Support for touch events
  • Simulated touch events via mouse
  • Support for fluid viewports
  • Also works in vertical mode
  • Various widgets and plugins
  • Autosliding with control widget
  • Extensible through plugin hooks
  • Custom animations for sliding
  • Experimental 3d carousel widget

Read More       Demo

NACHO Lightbox : Flat responsive lightbox with jQuery

Looper js

NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device.

NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device.

Features:

  • Flat skin ??? perfect for modern websites
  • Responsive and beyond ??? very adaptable, perfect for desktop, tablet and even mobile. It hides the thumbnails on small screens to keep the media visible.
  • Touch gestures ??? mouse and touch are unified, so you can do anything using either one.
  • Blazing fast ??? Featuring some of the coolest CSS3 Effects out there, it takes advantage of the GPU on mobile devices.
  • Responsive Videos from Youtube and Vimeo.
  • Responsive fluid grid included to keep your images aligned.
  • Powerful events API ??? you can control all the options through this easy to use API. 
  • Retina Graphics ??? Sharper on every screen
  • Deep linking ??? So when someone shares your image will be taken directly to that image.
  • No coding required ??? Using only jQuery selectors and HTML5 data attributtes

Read More       Demo

Googleslides : jQuery plugin to display your Google Photos

Looper js

A jQuery plugin to display your Google Photos.Any album you want to display with this plugin must be marked for ???Public??? sharing from Google.

A jQuery plugin to display your Google Photos.Any album you want to display with this plugin must be marked for ???Public??? sharing from Google.

Read More       Demo

bgStretcher jQuery Background Resizer & Slideshow

Looper js

bgStretcher (Background Stretcher) is a jQuery plugin for stretching one or more images proportionally across an entire page or element. When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area.

bgStretcher (Background Stretcher) is a jQuery plugin for stretching one or more images proportionally across an entire page or element. When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area.

Features:

  • Proportionally Resizes Background Images
  • Lightweight jQuery Plugin
  • Unobtrusive Script & Simple to Setup
  • Works with Any Screen Resolution
  • Compatible with All Modern Browsers
  • Easy to Integrate with Popular CMS???s
  • Support Single or Multiple Images
  • Advanced Slideshow Features
  • Control Speed and Duration
  • Multiple Transition Effects
  • Resize Animation Available
  • Over 20 Configuration Options

Read More       Demo

jQuery FullScreen Background / Gallery ??? Image and Video

Looper js

This jQuery plugin can be used as Full Screen Multimedia Background, Full Screen Multimedia Gallery and Full Width Multimedia Slider with both Image and Video.

  • Over 40 js options from where you can customize the plugin.
  • The plugin is fully responsive, including images and texts and will adapt the browser/device resolution.
  • It is compatible with IOS and Android operating systems.
  • Animated text from any direction: top, bottom, left and right, CSS and HTML formated.
  • Parameters for color, dimensions & transparency.

Read More       Demo

Jssor Slider : jQuery TOUCH & RESPONSIVE Plugin

Looper js

Jssor slider is announced as one of the best performance sliders. No-Jquery minimum 15KB javascript code by smart compression. It is one of the lowest CPU comsuming slider. slider (1%), slider with caption (4%), slider with slideshow (~4%)

  • Optional thumbnails, tabs or bullets navigation
  • Position of thumbnails, tabs and bullets are adjustable, can be vertical or horizontal
  • Touch drag navigation for thumbnail navigator is allowed
  • Use any html/css code to customize thumbnail to anyformat
  • Multiple sliders in one page
  • Any html code can be placed inside slide
  • Free support and upgrades
  • Add unlimited amount of captions
  • Set caption animation to chain mode
  • Set caption animation to flatten mode
  • Rollback caption animation when touch end/mouse up
  • Move, fade, clip, zoom and rotation transitions are all supported for all browsers
  • Composite move, fade, clip, zoom and rotation in one transition is allowed
  • Javascript code deep compression by smart compression engine
  • Arrow key navitation, navigate slider by click keyboard arrow left/right
  • HTML caption with animation (390+ caption transitions)

Read More       Demo

HashSlider : jQuery Content Slider

Looper js

Hashslider is a jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider.

Read More       Demo

jSliderPro : jQuery CSS3 Responsive Slider

Looper js

  • ??? Transition engine that can generate an incredible number of stunning effects. More possibilities incoming with the very next releases.
  • ??? No images limits and automatic memory management.
  • ??? Javascript callbacks to interface with other programs.
  • ??? CSS3 and HTML5 only.
  • ??? Fully responsive and cross browser compatibility from desktop PCs to mobile devices.
  • ??? Reference manual and hundreds of examples included.

Read More       Demo

Create a Vertical, Horizontal and Diagonal Sliding Content with jQuery

Looper js

In this tutorial, we will learn to scroll your web content vertically, horizontally and plus diagonally! Don???t worry, we won???t rely on javascript too much, we will use css/html for the layout and javascript only do the scrolling. And hey, it will still work even if your browser doesn???t support javascript.

Read More       Demo

Interactive Particles Slideshow with Html5 & JavaScript

Looper js

This is an experimental interactive slideshow component with math shapes and texts using Html5 Canvas. The slideshow consists of pairs of shape and text, both made out of particles that the user can interact with and that transition into the next pair when navigating. With Canvas we can dynamically draw 2D stuff using JavaScript and this experiment shows some of the possibilities.

Read More       Demo

Dasky : jQuery Timeline Slider

Looper js

Dasky is a jQuery timeline slider,you can use it to show you products???s chagelog/loadmark, or loadmark of you team/life. And others what you want. It based on the power of css transforms and will fallback in old browsers who do not support it.

  • Fluid layout
  • Fullscreen or not
  • Auto play
  • Mousewheel control
  • Keybords control
  • Major browsers compatible and fallback to old browsers

Read More       Demo

HostSlide Hosting Plan & Pricing Slider in jQuery

Looper js

This HostSlide hosting plan & pricing slider is the best widget for your website. It???s lightweight and the layout can be changed easily in the CSS file. It???s powered by javascript and is supported in all major browsers. It enables you to use a simple and fast slide to view plan features and prices. It???s ready to be added to your website to give a brand new user experience. Unlimited plans/pricing/options can be added in seconds.

  • Compatible with all major browsers
  • Lightweight
  • Fully customizable
  • SEO friendly
  • Add unlimited prices and plans
  • Add unlimited options (e.g. price, bandwidth, CPU, RAM, Disk Space)

Read More       Demo

Blades 3D : CSS3 Responsive & Retina Ready Banner Rotator

Looper js

Blades 3D is a responsive and retina ready with CSS3 3D Transforms and CSS3 Transitions.

  • Responsive (optional)
  • Retina Ready (optional)
  • Choose to use autoplay and set autoplay delay
  • Automatically randomize the slide order
  • Choose to turn off 3D flip beaviour and switch to ???classic??? mode
  • Choose from one of 6 different flip rotations or cycle through them all
  • Set ???break-apart??? thumb spacing
  • Set the number of grid columns and rows
  • Touch-swipe for mobile devices
  • Use as many slogans that will fit
  • Slogans support multiple lines and hyperlinks
  • Use more than one banner on the same page
  • jQuery free (no worrying about jQuery conflicts or having to update to the latest jQuery)
  • Custom settings can be passed through either JavaScript or HTML attributes.

Read More       Demo

jQuery Showroom Slider

Looper js

Showroom Slider is a powerful jQuery plugin that allows you to create sliders containing plane and box elements with tons of animation options to choose from. It uses a syntax similar to having inline CSS style on elements to describe every element???s properties and behavior.

Read More       Demo

mySlide : jQuery slideshow on your website using Google+ album

Looper js

mySlide is a jquery plugin that will create a slideshow on your website using images from a particular google plus album. All you have to do is specify that google album in your javascript. You may also add a link url in the caption field of your image in the google+ albums interface. When you do that, the slideshow image will have a link to that URL. Hence when users click on that image in the slideshow, they will be redirected to your custom URL.

Read More       Demo

All Around : jQuery Content Slider / Carousel

Looper js

All Around content slider is a multi-purpose all-in-one slider solution for your website. It supports both images and video. It can be an easy and effective solution for your shop related website as you can display your products in an interesting and eye appealing way. All Around carousel is perfect for almost all type of websites and it can fit perfectly into all business areas. You can display your company services, personal portfolio, sport products, health services, real-estate properties, vacation/holiday offers, cooking recipes and much much more.

Read More       Demo

Lightspot jQuery Slider ??? Standalone

Looper js

Lightspot Slider is a standalone jQuery plugin that allows you easy and fast to create and control image slider for your page header.

  • Uses Image Preloader
  • Image links for further reading (optional).
  • Auto slideshow with pause on hover (optional).
  • Resizable width, height, thumbs width (in pixels).
  • Control number of visible thumbnails
  • Control number of visible right side buttons (can be turned off).
  • Image description box with option for individual background color (optional).
  • Thumbnail description box with option for individual background color (optional).
  • Multiple instances

Read More       Demo

jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

Looper js

A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can???t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

Read More       Demo

Morphing Devices : Slideshow for showcasing Responsive web design

Looper js

Today we want to share an experimental ???morphing??? slideshow with you. The idea is to transition between different devices that show a screenshot of a responsive website or app by applying a ???device class???. By using the same elements and pseudo-elements for all the devices, we can create an interesting morph effect. We will control the classes and the switching of the image with some JavaScript. We???ve also added an option for autoplaying the slideshow and for rotating some of the devices.

Read More       Demo

Responsive_DG_Slider : Responsive jQuery Banner Slider

Looper js

I am showing It???s Pagination circles with the height relative to the width functionality powered by the fantastic java-script library jQuery.

Read More       Demo

Swapmyli : jQuery List Tag Rotator plugin

Looper js

The plugin allow you to create a list tag rotator in a minute.Simply add some a small code and the rotator is ready!

The plugin allow you to create a list tag rotator in a minute.Simply add some a small code and the rotator is ready!

Read More       Demo

Cavendish.js : jQuery plugin to create multiple Slides effect

Looper js

Cavendish is a jQuery plugin that???s focused on helping you with your slides.Cavendish is intended to be a very simple slide manager based on CSS transitions. Initializing Cavendish sets up an iterator for your slides, which applies classes to your slides based on their relationship to the current slide. Everything else is up to you!

Cavendish is a jQuery plugin that???s focused on helping you with your slides.Cavendish is intended to be a very simple slide manager based on CSS transitions. Initializing Cavendish sets up an iterator for your slides, which applies classes to your slides based on their relationship to the current slide. Everything else is up to you!

Cavendish doesn???t try to polyfill for old browsers, or to provide any extra interaction ??? it???s just meant to provide a platform for custom interaction by managing the state of your slides. I think you???ll find it refreshing!

Read More       Demo

MediaSlide : jQuery UI plugin to browse media items

Looper js

MediaSlide is a jQuery UI plugin that allows you to browse a collection of media items (currently just images, but videos will be supported soon).

MediaSlide is a jQuery UI plugin that allows you to browse a collection of media items (currently just images, but videos will be supported soon).

Features:

  • Media lists can contain thousands of items
  • Data can be loaded via JSON, XML or direct from Flickr
  • Images are only loaded as they are needed, conserving bandwidth
  • jQuery UI themes fully supported
  • API functions give you full control over the widget, so you can completely customize its look-and-feel
  • All current browsers supported
  • Completely free and opensource

Read More       Demo

PhotoCradle.js : jQuery Gallery Integration with Flickr or Picasa

Looper js

jQuery image gallery that delivers photos you store on services like Flickr or Picasa to your personal website or blog.

jQuery image gallery that delivers photos you store on services like Flickr or Picasa to your personal website or blog.

Features:

  • Original thumbanails bar
  • On-demand image loading
  • Fast and adaptive fullpage browsing mode
  • Multiple cradles per page
  • Integration with popular services (flickr, picasa)
  • Skins based on CSS theming

Read More       Demo

Moving Perspective : jQuery Flexible parralax Slider plugin

Looper js

Flexible parralax jquery plugin to create outstanding single perpective and persepective sliders. This is only one perspective script with slider possibility. It is flexible,configurable and easy to use.

Flexible parralax jquery plugin to create outstanding single perpective and persepective sliders. This is only one perspective script with slider possibility. It is flexible,configurable and easy to use.

Features:

  • flexible configuration every moving element
  • configurable by html attributes or javascript
  • works on every browser from ie7
  • responsive for mobile devices and all screen resolutions
  • handles touch events
  • can be used as single perspective or as slider
  • can be used many times on one page
  • can be nested ( phone examples )
  • has slide effects: fade, slideUp, slideDown, slideLeft, slideRight
  • uses css3 perspective
  • handles image and video loading
  • contains 3 slider navigation themes
  • has callback function on moving so can be extended

Read More       Demo

Background Slideshow with jQuery & CSS3

Looper js

A simple fullscreen background slideshow in jquery and css3 with auto-play and controls to navigate and pause.

A simple fullscreen background slideshow in jquery and css3 with auto-play and controls to navigate and pause.

Read More       Demo

Bugibba : jQuery 3D transition effects SlideShow

Looper js

Bugibba SlideShow easy to use slider with awesome 3D transition effects.

Bugibba SlideShow easy to use slider with awesome 3D transition effects.

Features:

  • 2 type menu slideshow responsive.
  • 1 type slideshow full screen
  • Adjustable transition speed.
  • Compatible with all major browsers (IE7-IE8 and above , Chrome, Firefox, Safari and Opera)

Read More       Demo

jQuery Aperture : Rotate all kinds of elements clockWise

Looper js

Rotate all kinds of elements clock- or counterclockwise with jQuery Aperture.

Rotate all kinds of elements clock- or counterclockwise with jQuery Aperture.

Read More       Demo

kGallery : jQuery thumbnail slideshow Gallery Plugin

Looper js

kGallery is a gallery written on JavaScript using jQuery library.Advantage of this gallery is ability to work stable with hundreds of pictures or with big pictures, without freezing brouser. This effect is achieved by retrieving the list of images from external source (JSON or XML) and downloading pictures gradually until slideshow is playing, not all in ones.

kGallery is a gallery written on JavaScript using jQuery library.Advantage of this gallery is ability to work stable with hundreds of pictures or with big pictures, without freezing brouser. This effect is achieved by retrieving the list of images from external source (JSON or XML) and downloading pictures gradually until slideshow is playing, not all in ones.

Nearest analog is dojox.image.Gallery (dojox.image.ThumbnailPicker+dojox.image.SlideShow), however kGallery do not need to download dozens of JavaScript files with megabytes of code of dojo library.

Read More       Demo

Unslider : The super-tiny jQuery slider

Looper js

jQuery slider that just slides.No fancy effects or unnecessary markup, and it???s less than 3kb.Fluid, flexible, fantastically minimal.You???ll be hard pressed to find a site that???s not responsive these days. Unslider???s got your back.Use any HTML in your slides, extend with CSS. You have full control.If you want to, you can add keyboard arrow support.

jQuery slider that just slides.No fancy effects or unnecessary markup, and it???s less than 3kb.Fluid, flexible, fantastically minimal.You???ll be hard pressed to find a site that???s not responsive these days. Unslider???s got your back.Use any HTML in your slides, extend with CSS. You have full control.If you want to, you can add keyboard arrow support.

lthough it???s lightweight, Unslider comes with a range of options to customise your slider.If you want to add mobile/touch/swipe/whatever support to Unslider, you???ll need to include the jQuery.event.swipe plugin, then it???ll work out the box. Easy!

Read More       Demo

SliderJS : A simple jQuery full-screen Slider

Looper js

A simple jQuery plugin for full screen image slideshows.Options you can pass into the config JSON that the slider consumes.

A simple jQuery plugin for full screen image slideshows.Options you can pass into the config JSON that the slider consumes.

Features Options:

  • Integer : The index of the first element to start with.
  • draggable : Will allow images to be dragged via touch events if supported, otherwise mouse events.
  • sizeConstraint : which fills the image to the browser, cropping what exceeds.
  • manualShift :  if you want to shiftLeft and shiftRight manually, rather than on click.
  • enableKeys :  if you want to disable keyboard navigation

Read More       Demo

FractionSlider : jQuery parallax slider plugin

Looper js

FractionSlider is a jQuery plugin for image/text-sliders.It allows you to animate multiple elements per slide. You can set different animation methods like fade or transitions from a certain direction. Also there are options to specify delays and easing for each element. You have full layout and design control through html and css (every html-element can be animated).

FractionSlider is a jQuery plugin for image/text-sliders.It allows you to animate multiple elements per slide. You can set different animation methods like fade or transitions from a certain direction. Also there are options to specify delays and easing for each element. You have full layout and design control through html and css (every html-element can be animated).

Read More       Demo

jQuery Maskify Slider

Looper js

MaskifySlider is an extremely simple plugin which enables you to create an image slider with the effect of an image mask. The plugin will automically offset the images position according to the spacing between their placeholders, giving the impression that it???s only one masked image.

MaskifySlider is an extremely simple plugin which enables you to create an image slider with the effect of an image mask. The plugin will automically offset the images position according to the spacing between their placeholders, giving the impression that it???s only one masked image.

Read More       Demo

jQuery Quotes Rotator

Looper js

A simple automatic quotes rotator with progress bar and example media query.An autoplay rotator for quotes (or any kind of content). An indicator above the content shows the progress. A blockquote with an image is used as an example. Also, an example media query shows how to resize the content for smaller screens.

A simple automatic quotes rotator with progress bar and example media query.An autoplay rotator for quotes (or any kind of content). An indicator above the content shows the progress. A blockquote with an image is used as an example. Also, an example media query shows how to resize the content for smaller screens.

Read More       Demo

Bespoke.js : DIY Presentation Micro-Framework

Looper js

Bespoke.js provides the foundation, then gets out of your way so you can focus on uniquely crafting your own personal deck style.Using keyboard and touch events, Bespoke.js adds classes to your slides, while you provide the CSS transitions.

Bespoke.js provides the foundation, then gets out of your way so you can focus on uniquely crafting your own personal deck style.Using keyboard and touch events, Bespoke.js adds classes to your slides, while you provide the CSS transitions.

With its robust plugin system, new functionality can be added to Bespoke.js easily.

Read More       Demo

jSprouts : jQuery Creative Slider with Innovative Animations

Looper js

jSprouts is a creative slider with gorgeous and innovative animations. Thumbnails are shown on mouseover surrounding the slider. jSprout can handle also custom HTML contents, videos, flash and even Google Maps, very useful for mini-sites, vCard sites, personal sites or portfolio sites.

jSprouts is a creative slider with gorgeous and innovative animations. Thumbnails are shown on mouseover surrounding the slider. jSprout can handle also custom HTML contents, videos, flash and even Google Maps, very useful for mini-sites, vCard sites, personal sites or portfolio sites.

Read More       Demo

jKit : jQuery based UI Toolkit

Looper js

A very easy to use, cross platform, jQuery based UI toolkit, that???s still small in size, has the features you need, and doesn???t get in your way of doing things!

A very easy to use, cross platform, jQuery based UI toolkit, that???s still small in size, has the features you need, and doesn???t get in your way of doing things!

Read More       Demo

BluePrint : jQuery Elastic Content Slider

Looper js

Blueprint is a simple jQuery content slider. It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent???s container width and height. A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small. The content area will become scrollable if there isn???t enough space available. Every list item is a slide and and it has a corresponding link element in the navigation.

Blueprint is a simple jQuery content slider. It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent???s container width and height. A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small. The content area will become scrollable if there isn???t enough space available. Every list item is a slide and and it has a corresponding link element in the navigation.

Read More       Demo

jQuery Full Width Image Slider with CSS3

Looper js

This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.

This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.

Read More       Demo

threesixty-slider : jQuery 360 image slider plugin

Looper js

This is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire.

This is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire.

Read More       Demo

Animated CSS3 Photo Stack with jQuery

Looper js

In this tutorial, we are going to build an animated photo stack, which will use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers and mobile devices. We will also make the photo stack advance automatically, so you can use it as a slideshow.

In this tutorial, we are going to build an animated photo stack, which will use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers and mobile devices. We will also make the photo stack advance automatically, so you can use it as a slideshow.

Read More       Demo

Fancy News ??? jQuery plugin

Looper js

Fancy News is a jQuery plugin that lets you create an outstanding news slider. It??s highly customizable and very easy to use. You can add umlimited of news with thumbnails. If the post is longer than the height of the main area, a cool scrollbar will be added automatically. You can also load your own RSS feed.

Fancy News is a jQuery plugin that lets you create an outstanding news slider. It??s highly customizable and very easy to use. You can add umlimited of news with thumbnails. If the post is longer than the height of the main area, a cool scrollbar will be added automatically. You can also load your own RSS feed.

Read More       Demo

A simple jQuery powered image slider

Looper js

This is another quick implementation of one of Orman Clark???s designs from Premium Pixels. As with the last previous slider I shared, this is based on malsup???s awesome Cycle jQuery plugin.

This is another quick implementation of one of Orman Clark???s designs from Premium Pixels. As with the last previous slider I shared, this is based on malsup???s awesome Cycle jQuery plugin.

Considering the apparent complexity of Orman???s design, this implementation came out relatively light-weight; I used sprites for the nav links and pager and we???re obviously using Google???s CDN to serve jQuery.

Read More       Demo

Swipeshow : jQuery touch-enabled Slideshow

Looper js

The unassuming touch-enabled JavaScript slideshow.

The unassuming touch-enabled JavaScript slideshow.

  • Showcase anything. You???re not limited to images: any markup will do.
  • Touch-enabled. Swipe away on your iPad, iPhone, Android device, or anything touch-enabled.
  • Style-it-yourself. The default CSS has nothing in it except laying out your slides side-by-side. You???d be in charge of figuring out how to add borders or anything else you like.
  • Hardware-accelerated. Animations are done via CSS transitions, which will render smoothly on mobile devices. It will automatically fall back to frame-by-frame animation when transitions aren???t available.

Read More       Demo

Flipping Circle Slideshow jQuery Plugin

Looper js

Today we want to share a simple and fun circular slideshow with you. It???s an experimental concept and the idea is to flip a circle in a specific angle depending on which spot of the circle we click. There are three different possibilities for each side: top, middle and bottom. For example, when clicking on the top right part of the image, the circle will flip in the associated angle, making it look as if we press down that part and reveal the next image that is on the back face of the circle.

Today we want to share a simple and fun circular slideshow with you. It???s an experimental concept and the idea is to flip a circle in a specific angle depending on which spot of the circle we click. There are three different possibilities for each side: top, middle and bottom. For example, when clicking on the top right part of the image, the circle will flip in the associated angle, making it look as if we press down that part and reveal the next image that is on the back face of the circle.

Read More       Demo

Amazing Slider : jQuery & WordPress Image Video Slider

Looper js

An easy-to-use Windows & Mac app for creating beautiful, professional, responsive jQuery Slider, YouTube Video Slider, WordPress Slider Plugin and Joomla Slideshow Module.Amazing Slider comes with awesome transition effects: Fade, Cross Fade, Slide, Slice, Blinds, 3D, 3D Horizontal, Blocks and Shuffle. Each effect can be further customised to meet your own needs. The pre-made and highly configurable skins can give your slider a professional and unique looking.

An easy-to-use Windows & Mac app for creating beautiful, professional, responsive jQuery Slider, YouTube Video Slider, WordPress Slider Plugin and Joomla Slideshow Module.Amazing Slider comes with awesome transition effects: Fade, Cross Fade, Slide, Slice, Blinds, 3D, 3D Horizontal, Blocks and Shuffle. Each effect can be further customised to meet your own needs. The pre-made and highly configurable skins can give your slider a professional and unique looking.

Read More       Demo

Dynamic Slider : jQuery Flexible Slider Plugin

Looper js

Dynamic Slider is a flexible slider that allows the customization of all of its components giving the possibility to create a large number of different layouts and configurations. It is lightweight and easy to work with and customize. Some of the features of the slider include:

Dynamic Slider is a flexible slider that allows the customization of all of its components giving the possibility to create a large number of different layouts and configurations. It is lightweight and easy to work with and customize. Some of the features of the slider include:

  • It offers 50 example layouts and using the available settings the user can customize the existing ones or create many more.
  • It offers 2 example themes and the possibility for the user to edit the existing ones or to create new ones.
  • It offers the possibility to slide through drag.
  • It offers the option to display the controls permanently or only on mouse hover.
  • It offers the possibility to turn on auto sliding and the option to pause it on mouse hover.
  • It has 48 different settings.
  • It can have more than 1000 possible layouts.
  • It can have more than 10 000 possible configurations.

Read More       Demo

jQuery ViewMaster CSS3 Slideshow

Looper js

A jQuery CSS3 slideshow.This is a slideshow demo I put together to try out some jQuery manipulation of CSS3 rotation and translation. It???s based on the old ViewMaster toy.Use arrow keys or click any photo.

A jQuery CSS3 slideshow.This is a slideshow demo I put together to try out some jQuery manipulation of CSS3 rotation and translation. It???s based on the old ViewMaster toy.Use arrow keys or click any photo.

Read More       Demo

PictureSlides : jQuery Slideshow Plugin

Looper js

PictureSlides is a plugin for jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired. It can be a stand-alone slideshow or have a complete image library look with thumbnails, navigation buttons etc

PictureSlides is a plugin for jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired. It can be a stand-alone slideshow or have a complete image library look with thumbnails, navigation buttons etc

Read More       Demo

Minimalistic Slideshow Gallery with jQuery

Looper js

In today???s tutorial we will create a simple and beautiful slideshow gallery with jQuery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

In today???s tutorial we will create a simple and beautiful slideshow gallery with jQuery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

Read More       Demo

Responsive Slideshow Photo Gallery Grid with Html5

Looper js

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into a html page into a div of your chosing and it???s adapting based of that div???s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible.

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into a html page into a div of your chosing and it???s adapting based of that div???s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible.

Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries.

The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8.

Read More       Demo

jQuery Simple Unobtrusive Numerical Slider

Looper js

SimpleSlider is a jQuery plugin for turning your text inputs into draggable numerical sliders.It has no external dependencies other than jQuery, and you don???t need to write a single line of JavaScript to get it to work.

SimpleSlider is a jQuery plugin for turning your text inputs into draggable numerical sliders.It has no external dependencies other than jQuery, and you don???t need to write a single line of JavaScript to get it to work.

Read More       Demo

Create a Simple Multi-Item Slider in jQuery & CSS3

Looper js

In today???s tutorial we want to show you how to create a simple item slider with CSS animations and some jQuery. The idea was inspired by the Aplle product slider where several little items fly in with a bouncing animation. We wanted to translate this concept to a modern-looking alternative for a minimal online store design where the items represent different categories. Categories as use-case fit quite well because of the limited nature of this type of slider. For more items to be shown, this is certainly a far-from-optimal solution. If the amount of items is limited this might give an interesting little touch to the experience.

In today???s tutorial we want to show you how to create a simple item slider with CSS animations and some jQuery. The idea was inspired by the Aplle product slider where several little items fly in with a bouncing animation. We wanted to translate this concept to a modern-looking alternative for a minimal online store design where the items represent different categories. Categories as use-case fit quite well because of the limited nature of this type of slider. For more items to be shown, this is certainly a far-from-optimal solution. If the amount of items is limited this might give an interesting little touch to the experience.

Read More       Demo

Photobox: CSS3 image gallery jQuery plugin

Looper js

Photobox is a lightweight image gallery modal window script which uses CSS3 heavily for silky-smooth animations and transitions. The goal was to great an image gallery script that utilizes GPU rending instead is the 90% scripts out there which are using javascript to move things around the old fashioned way.

Photobox is a lightweight image gallery modal window script which uses CSS3 heavily for silky-smooth animations and transitions. The goal was to great an image gallery script that utilizes GPU rending instead is the 90% scripts out there which are using javascript to move things around the old fashioned way.

Benefits:

  • Both the script & CSS are only 7k each (minified script, not gziped)
  • Uses silky-smooth, hardware accelerated, CSS3 transitions and animations (for better performance)
  • Pretty UI and easy UX
  • CSS3 preloader, tailored-made. The only image you need is the arrow.png (soon even not that)
  • Works also on IE9 and above, but clearly not as nice as in normal browsers
  • Uses event-delegation on all thumbnails events

Read More       Demo

Slider Pagination Concept with jQuery UI Slider

Looper js

An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.

An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.

Read More       Demo

Swiper : jQuery Mobile touch slider with hardware accelerated transitions

Looper js

Swiper ??? is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps. Designed mostly for iOS, but also works on Android and latest Desktop browsers.

Swiper ??? is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps. Designed mostly for iOS, but also works on Android and latest Desktop browsers.

Read More       Demo

GalleryView : Photo gallery jQuery plugins

Looper js

Photo gallery jQuery plugins are everywhere you turn. Not a week goes by without some web design blog featuring a list of jQuery galleries, carousels, sliders and slideshows. GalleryView is my attempt to write a single plugin capable of creating a wide variety of gallery types.

Photo gallery jQuery plugins are everywhere you turn. Not a week goes by without some web design blog featuring a list of jQuery galleries, carousels, sliders and slideshows. GalleryView is my attempt to write a single plugin capable of creating a wide variety of gallery types.

My goal with GalleryView is to provide an extensive set of options to the user. Not only will the user be able to adjust photo and thumbnail sizes, and transition speeds, but he will also have the ability to choose from a selection of element positions, transition styles and other features.

Read More       Demo

StackSlider: A Fun 3D Image Slider with jQuery & CSS3

Looper js

StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun viewing concept for thumbnails, utilizing CSS 3D transforms and perspective. The idea is to navigate through two piles of images where the transition resembles an item being lifted off from the top of the stack and moved/rotated to the center of the container to be viewed. The previously viewed image falls on the opposite stack.

StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun viewing concept for thumbnails, utilizing CSS 3D transforms and perspective. The idea is to navigate through two piles of images where the transition resembles an item being lifted off from the top of the stack and moved/rotated to the center of the container to be viewed. The previously viewed image falls on the opposite stack.

Read More       Demo

ayaSlider : Flexible jQuery slider plugin

Looper js

ayaSlider is a jQuery plugin to create awesome flexible awesome sliders with multiple animations and embed any html.

ayaSlider is a jQuery plugin to create awesome flexible awesome sliders with multiple animations and embed any html.

Features:

  • Embed Any HTML Element
  • Animate any/every element
  • Customize the way you like, no predefined style sheet!

Read More       Demo

Destaque : jQuery slideshow plugin with built-in parallax effect

Looper js

Destaque is a simple jquery plugin with built-tin parallax effect which can be easily applied to multiple slides using Destaque Queue.

Destaque is a simple jquery plugin with built-tin parallax effect which can be easily applied to multiple slides using Destaque Queue.

Read More       Demo

How to Create a Responsive Image Slider in jQuery and CSS3

Looper js

Today we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSliderplugin for the functionality and style it using CSS3. I hope you will enjoy it and find it useful for your projects.

Today we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSliderplugin for the functionality and style it using CSS3. I hope you will enjoy it and find it useful for your projects.

Read More       Demo

Smart Interactive jQuery Slider

Looper js

Today i wanna show you a Smart Interactive Jquery Slider that gonna help you to show your recent work and portfolio with great jquery effect. Easy to use and you can easily customize it with your personal or business use enjoy.

Today i wanna show you a Smart Interactive Jquery Slider that gonna help you to show your recent work and portfolio with great jquery effect. Easy to use and you can easily customize it with your personal or business use enjoy.

Read More       Demo

Fancy Timeline : jQuery general porpouse timeline

Looper js

Html + Javascript general porpouse timeline.

Html + Javascript general porpouse timeline.

Read More       Demo

ShopSlider : jQuery Responsive Shop Slider with Tab

Looper js

ShopSlider is a jQuery Responsive Shop Slider Plugin for commercial sites, online shops, stores. Works well on all screen sizes, auto detects and determines the best way to display items, support tabs and AJAX load.

ShopSlider is a jQuery Responsive Shop Slider Plugin for commercial sites, online shops, stores. Works well on all screen sizes, auto detects and determines the best way to display items, support tabs and AJAX load.

Features:

  • Smart Responsive Design
  • Detect Screen Size and Determine the Best Way to Display Items.
  • Support Multi Tabs
  • Support Many Sliders in same page
  • Touch Swipe / Click to Move Next/Prev
  • Support AJAX and Inline Content
  • Many Styles and Effects
  • Control AutoPlay, Effect In, Effect Out with Duration and Delay Time ???

Read More       Demo

Html5 and Jquery Slide LightBox

Looper js

I would like to show you something called the Html5 and Jquery Slide LightBox. In the internet i see a typical type of lightbox is the one jquery own lightbox so i just make new jquery lightbox that inspire you and your user who visit your portfolio basically we love to showcase our work with awesome place so this is the great jquery plugin where you can showcase your work even you can slide the work with information and even its look creative.

I would like to show you something called the Html5 and Jquery Slide LightBox. In the internet i see a typical type of lightbox is the one jquery own lightbox so i just make new jquery lightbox that inspire you and your user who visit your portfolio basically we love to showcase our work with awesome place so this is the great jquery plugin where you can showcase your work even you can slide the work with information and even its look creative.

Read More       Demo

SimpleSlide : A jQuery slideshow plugin

Looper js

The package is based around the way you already build your website, so you don???t have to retain swaths of arbitrary knowledge to use it on a regular basis. With the little markup you need to add to your site, you get a full featureset, like the ability to put whatever data you want within the slide window, even mixed types, a proportionally-correct status display that configures itself, fullscreen display and swipe functionality. Add some slick usability to your site with a plugin that???s fun and easy to use. And if you have any other questions, I???ll be happy to help you out.

The package is based around the way you already build your website, so you don???t have to retain swaths of arbitrary knowledge to use it on a regular basis. With the little markup you need to add to your site, you get a full featureset, like the ability to put whatever data you want within the slide window, even mixed types, a proportionally-correct status display that configures itself, fullscreen display and swipe functionality. Add some slick usability
to your site with a plugin that???s fun and easy to use. And if you have any other questions, I???ll be happy
to help you out.

Read More       Demo

Sly : jQuery plugin for One-Directional Scrolling

Looper js

jQuery plugin for one-directional scrolling simulation with item based navigation support and lots of other goodies.Sly is being applied to FRAME. SLIDEE is a first child of a FRAME. The content is than inside of a SLIDEE.Sly has a bunch of very useful methods that provide almost any functionality required.

jQuery plugin for one-directional scrolling simulation with item based navigation support and lots of other goodies.Sly is being applied to FRAME. SLIDEE is a first child of a FRAME. The content is than inside of a SLIDEE.Sly has a bunch of very useful methods that provide almost any functionality required.

Read More       Demo

The Wall : A Javascript plugin for Mootools

Looper js

The Wall is a plugin for Mootools javascript framework designed to create walls of infinite dimensions. Its flexibility allows different applications, from infinite wall mode to Coda slider mode. The Wall creates compatible interfaces with the newer browsers and iPhone and iPad mobile devices.

The Wall is a plugin for Mootools javascript framework designed to create walls of infinite dimensions. Its flexibility allows different applications, from infinite wall mode to Coda slider mode. The Wall creates compatible interfaces with the newer browsers and iPhone and iPad mobile devices.

Features:

  • Creation of endless walls
  • Coda slider functionality
  • Intelligent creation of tiles
  • Widespread control of tiles
  • Wall/Coda automatic ripositioning
  • Inertia application to wall/coda motion
  • Integrated slideshow
  • Dragging reverse direction
  • Speed personalization
  • Motion transition personalization
  • Toggle drag
  • Mobile integration

Read More       Demo

jq-tiles : Slider with css3 transitions & jQuery

Looper js

Slider with css3 transitions and many effects.In browsers that don???t support css3 transitions classes won???t be animated but some effects will still work, just a bit choppy.

Slider with css3 transitions and many effects.In browsers that don???t support css3 transitions classes won???t be animated but some effects will still work, just a bit choppy.

Read More       Demo

jQuery Instagram SlideShow Plugin

Looper js

Features:

Features:

  • CSS3 driven animation.
  • Auto delay slideshow, hove to pause.
  • Optional link of the image.
  • Optional loop of the photo stack.
  • Optional display numbers.

Read More       Demo

Building Web Presentations Using jQuery Mobile

Looper js

First, check out the demo, then let???s walk through the building blocks of this sample presentation.

jQuery mobile framework provides easily themeable, HTML5-based interface with support for pages transitions, therefore it would be very easy to create simple web presentations that will work on all popular smartphone and desktop platforms.

First, check out the demo, then let???s walk through the building blocks of this sample presentation.

Read More       Demo

jQuery Slider With a Personality

Looper js

Today I would like to show you something called the Jquery Slider with a Personality. We are always on the lookout for Jquery sliders. We search it on websites and even search engines. Sometimes we just want a new look for our websites or portfolios so it becomes more appealing to other designer???s eyes. Other sliders just 5 to 10 images in each category but in the Jquery Slider with a Personality, you can show more categories in one slider. That???s why this slider has a personality. It works absolutely fine with any browser. It is easily customizable so why don???t we stop the talking and start the designing!

Today I would like to show you something called the Jquery Slider with a Personality. We are always on the lookout for Jquery sliders. We search it on websites and even search engines. Sometimes we just want a new look for our websites or portfolios so it becomes more appealing to other designer???s eyes. Other sliders just 5 to 10 images in each category but in the Jquery Slider with a Personality, you can show more categories in one slider. That???s why this slider has a personality. It works absolutely fine with any browser. It is easily customizable so why don???t we stop the talking and start the designing!

Read More       Demo

Parallax Slider : Responsive jQuery Plugin

Looper js

Parallax Effect ??? Full Collection of Sliders comes in 4 versions: Classic, Perpetuum Mobile, Mouse Interaction and Ultra. Each of these 4 versions has 2 skins (bullets & thumbs) and can be used as Fixed Dimensions or as Full Width. Please see the features and check the live preview of this slider and convince yourself of its quality.

Parallax Effect ??? Full Collection of Sliders comes in 4 versions: Classic, Perpetuum Mobile, Mouse Interaction and Ultra. Each of these 4 versions has 2 skins (bullets & thumbs) and can be used as Fixed Dimensions or as Full Width. Please see the features and check the live preview of this slider and convince yourself of its quality.

Read More       Demo

Cleaver : HTML slideshows with JSON & jQuery

Looper js

A command-line tool for generating HTML slideshows with JSON.Cleaver is a one-stop shop for generating HTML presentations in record time. Using only an intuitive JSON format, you can produce good-looking, interactive presentations without writing any code or placing a measly textbox.Cleaver produces a single document, output.html containg CSS and JavaScript (jQuery) code.

A command-line tool for generating HTML slideshows with JSON.Cleaver is a one-stop shop for generating HTML presentations in record time. Using only an intuitive JSON format, you can produce good-looking, interactive presentations without writing any code or placing a measly textbox.Cleaver produces a single document, output.html containg CSS and JavaScript (jQuery) code.

Read More       Demo

xSquare : Responsive Image Slider in html5/jquery

Looper js

xSquare is a responsive jQuery image slider. It has a layout that consists of grids making it useful for variety of web page positions. Though the main purpose of the image slider is within a banner position it can easily be implemented as an image gallery or something similar because it is compatible with lightbox, prettyPhoto etc. The loading of images is done via smart lazyLoad with an implemented loader. Effective sliding transitions make the slider have a more dynamic look. The xSquare responsive image slider gives you the option to place up to 7 images in one slide or to place one effectively sliced photo.

xSquare is a responsive jQuery image slider. It has a layout that consists of grids making it useful for variety of web page positions. Though the main purpose of the image slider is within a banner position it can easily be implemented as an image gallery or something similar because it is compatible with lightbox, prettyPhoto etc. The loading of images is done via smart lazyLoad with an implemented loader. Effective sliding transitions make the slider have a more dynamic look. The xSquare responsive image slider gives you the option to place up to 7 images in one slide or to place one effectively sliced photo.

Read More       Demo

tabSwitch : jQuery tab/slider plugin

Looper js

tabSwitch is a tab/slider plugin for jQuery. You could make a tab box system with the least of code and still fully customizable. Currently, you could choose from 7 different effects with 2 view styles. You could also hot swap the effects around in runtime.

tabSwitch is a tab/slider plugin for jQuery. You could make a tab box system with the least of code and still fully customizable. Currently, you could choose from 7 different effects with 2 view styles. You could also hot swap the effects around in runtime.

  • There is no limit what kind of HTML tag you use.
  • You could move to next, prev tab or jump to a specific tab.
  • All the controls could be anywhere in the website, on top of a tab, inside a tab???
  • Multi-level tab system.
  • You could change the style of the viewport, you could add a class for every single tab???

Read More       Demo

CoolCarousels : Showcasing 50+ cool jQuery carousel examples

Looper js

All carousels on this website are created for your inspiration, using only the jQuery-library and the jQuery.carouFredSel-plugin.They have been tested to work on FireFox and Chrome.

All carousels on this website are created for your inspiration, using only the jQuery-library and the jQuery.carouFredSel-plugin.They have been tested to work on FireFox and Chrome.

Read More       Demo

Vertical Showcase Slider with jQuery and CSS Transitions

Looper js

In this tutorial we will create a very simplistic and responsive product slider for an online store or a portfolio. The idea is to have different sections in a fullscreen view: the image or preview, a navigation and the description. When navigating through the items, we will slide the preview section and the section with the description in opposite directions. The idea for this kind of ???opposite??? transition comes from the beautiful website of the National LGBT Museum which moves the left and right side in the same manner when navigating or scrolling the page.

In this tutorial we will create a very simplistic and responsive product slider for an online store or a portfolio. The idea is to have different sections in a fullscreen view: the image or preview, a navigation and the description. When navigating through the items, we will slide the preview section and the section with the description in opposite directions. The idea for this kind of ???opposite??? transition comes from the beautiful website of the National LGBT Museum which moves the left and right side in the same manner when navigating or scrolling the page.

Read More       Demo

Cycle2 : Versitile Slideshow plugin for jQuery

Looper js

Cycle2 is a versitile slideshow plugin for jQuery built around ease-of-use. It supports a declarative initialization style that allows full customization without any scripting. Simply include the plugin, declare your markup, and Cycle2 does the rest.

Cycle2 is a versitile slideshow plugin for jQuery built around ease-of-use. It supports a declarative initialization style that allows full customization without any scripting. Simply include the plugin, declare your markup, and Cycle2 does the rest.

Highlights:

  • Supports all browswers
  • Declarative: no scripting needed!
  • Responsive: fully control your slideshow via css (resize this page to see!)
  • Customizable: per-slide option overrides
  • Extensible: fully customizable API (on a per-slideshow basis if you wish)
  • Smart: supports image loading and delayed initialization
  • Smarter: supports progressive image loading
  • Out-of-the-box functionality for pagers, captions, overlays, and prev/next controls
  • Support for swipe gesture on mobile devices
  • Fade, scroll, shuffle, tile and carousel transitions
  • Bookmarkable slides

Read More       Demo

jQuery Cute Slider ??? 3D & 2D HTML5 Image Slider

Looper js

Tired of boring flat sliders? Looking for a unique slider? Here???s what you want,with Cute Slider you will be able to show your slides with awesome 3D & 2D transitions.Cute Slider makes your ideas alive, It gives you desire,you can use it as an advanced 2D slider with tons of 2D transitions, or add third dimention to your slider and create a unique and inpressive 3D slider.

Tired of boring flat sliders? Looking for a unique slider? Here???s what you want,with Cute Slider you will be able to show your slides with awesome 3D & 2D transitions.Cute Slider makes your ideas alive, It gives you desire,you can use it as an advanced 2D slider with tons of 2D transitions, or add third dimention to your slider and create a unique and inpressive 3D slider.

Features :

  • 3D & 2D effects
  • 100+ prest transitions
  • 3 fallback levels(CSS3D, Canvas, 2D)
  • Cross Browser
  • Device friendly
  • Youtuve and Vimeo videos
  • Search engine optimized

Read More       Demo

Creating a Flipbook Image Slider with CSS3 3D Transforms and jQuery

Looper js

Recently the ???flip book??? effect has become really popular on a lot of websites, so I got to thinking about how you could go about pulling off that effect using some jQuery and CSS3. I find that most of the implementations of this code can get a little bit complicated, so I tried to make things as simple as possible.

Recently the ???flip book??? effect has become really popular on a lot of websites, so I got to thinking about how you could go about pulling off that effect using some jQuery and CSS3. I find that most of the implementations of this code can get a little bit complicated, so I tried to make things as simple as possible.

We???re going to write this code as a jQuery plugin, so first you need to include jQuery. Next we want to include a script called Modernizr. We only need 3D Transforms, and you can download the required script from here. This will ensure everything will work fine in browsers which do not support 3D Transforms. Then you have to make a file called jquery.pictureflip.js which will be where we???re putting our plugin code!

Read More       Demo

Fireworks.js : Javascript Animation Experiment

Looper js

Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it???s a fireworks effect someone could theoretically use on their site. And come on, who doesn???t want something like that? As far as appropriateness is concerned, this effect could be compared to the dripping-blood-line, skull and fireball animated .GIF images so popular on the web in 1997. Exploding firework animations are hot, the new black, the script equivalent of the blink tag. Mmm, blink tag.

Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it???s a fireworks effect someone could theoretically use on their site. And come on, who doesn???t want something like that? As far as appropriateness is concerned, this effect could be compared to the dripping-blood-line, skull and fireball animated .GIF images so popular on the web in 1997. Exploding firework animations are hot, the new black, the script equivalent of the blink tag. Mmm, blink tag.

Read More       Demo

Sliding Image Gallery jQuery Plugin

Looper js

The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in this iTunes album viewer. The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it. For optimal use, this plug-in should be applied to seven or more images, but can work with fewer (images will be duplicated in order to bring the total to seven).

The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in this iTunes album viewer. The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it. For optimal use, this plug-in should be applied to seven or more images, but can work with fewer (images will be duplicated in order to bring the total to seven).

Read More       Demo

BookBlock: A Content Flip jQuery Plugin

Looper js

BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a ???page flip??? navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism.

BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a ???page flip??? navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism.

We will be using jQuery++ by Bitovi which has some add-ons for jQuery (specifically, to add the swipe event).

Read More       Demo

Really Simple Slideshow in jQuery

Looper js

Really Simple Slideshow is a jQuery plugin for creating image slideshows. Images are loaded dynamically as each one is required, allowing for larger slideshows without having to pre-load lots of images.

Really Simple Slideshow is a jQuery plugin for creating image slideshows. Images are loaded dynamically as each one is required, allowing for larger slideshows without having to pre-load lots of images.

Read More       Demo

Flyout Image Slider Using jQuery & CSS3

Looper js

In this post I???m going to share about how to create an experimental flyout image slider. This image slider is a stack of some images and works by flying out the selected image to the front of images stack. We will use CSS3 transition, animation and transform for this animation and jQuery for helping us maintain click event, CSS transition and animation.

In this post I???m going to share about how to create an experimental flyout image slider. This image slider is a stack of some images and works by flying out the selected image to the front of images stack. We will use CSS3 transition, animation and transform for this animation and jQuery for helping us maintain click event, CSS transition and animation.

This image slider doesn???t do slide on displaying image, as I described before it will be flying out the selected image to the front of images stack. So all images will be positioned stacked each other. When user click on of the image, it will be move to the outer left of image stack and move back with rotating effect to the stack and positioned on top of it.

Read More       Demo

Triple Panel Image Slider in jQuery & CSS3

Looper js

In this tutorial we will create a jQuery triple panel image slider with a 3D look. The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, we will slide in the respective next image in each panel. We???ll be using CSS 3D Transforms with perspective and CSS Transitions.

In this tutorial we will create a jQuery triple panel image slider with a 3D look. The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, we will slide in the respective next image in each panel. We???ll be using CSS 3D Transforms with perspective and CSS Transitions.

Read More       Demo

Spritespin : jQuery Plugin for Sprite Animation

Looper js

Spritespin is a jQuery plugin that enables sprite animation in your website.

Spritespin is a jQuery plugin that enables sprite animation in your website.

It takes an array of images or a stiched sprite sheet and is able to play these images frame by frame. This results in an animation. The aim of this plugin is to provide a 360 degree view of some kind of product. There is no flash needed. Everything is done with javascript and the jQuery framework.

Features:

  • Animation using spritesheets or image arrays
  • Plenty of option parameters
  • Api interaction
  • Simple mouse interaction
  • Custom behavior tweaking
  • Support for touch devices
  • Easy to integrate
  • No flash

Read More       Demo

nobtrusive Slider Control/HTML5 Input Range Polyfill

Looper js

An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution.

An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution.

  • The script can be used as an HTML5 input range polyfill solution
  • Introduces a gradient filled ???range bar??? for quick visual feedback
  • iOS Touch screen friendly
  • Arrives with a new CSS3 skin that degrades gracefully in older browsers
  • A small network footprint ??? only two HTTP requests and a total size (minified and gzipped) of about 11k
  • Unobtrusive & namespace friendly
  • Conforms to the WAI-ARIA defined role of ???slider???
  • Keyboard accessible
  • Mousewheel compatible
  • Responsive design friendly

Read More       Demo

Adaptor : jQuery 3D content slider

Looper js

Adaptor is a light-weight content slider that aims to provide a simple interface for developers to create cool 2D or 3D slide animation transitions.Currently, It has only added 3D support for webkit and Firefox, all other browsers will fallback gracefully to a simple fade transition when using the 3D effects.

Adaptor is a light-weight content slider that aims to provide a simple interface for developers to create cool 2D or 3D slide animation transitions.Currently, It has only added 3D support for webkit and Firefox, all other browsers will fallback gracefully to a simple fade transition when using the 3D effects.

All 2D slide transitions have been tested in IE6+ and all other modern browsers.

Read More       Demo

Carousel Photo slider with Php and jQuery

Looper js

To continue with our experiment series, our designing and programming team joined forces to create an amazing carousel vintage photo slider with PHP and jQuery. This is definitely a nice photo slider to be applied in different websites so you can showcase your work in a more original way. This tutorial is going to cover the programming part of the carousel (stay close to find out the release time of the design part) so you can learn how we did this fancy photo slider and you can adapt it to your own projects.

To continue with our experiment series, our designing and programming team joined forces to create an amazing carousel vintage photo slider with PHP and jQuery. This is definitely a nice photo slider to be applied in different websites so you can showcase your work in a more original way. This tutorial is going to cover the programming part of the carousel (stay close to find out the release time of the design part) so you can learn how we did this fancy photo slider and you can adapt it to your own projects.

Read More       Demo

flipsnap.js : Snap scroll for touch device

Looper js

flipsnap.js is snap scroll for touch device.It supports :

flipsnap.js is snap scroll for touch device.It supports :

  • iOS Safari (iOS4+)
  • Android Browser (Android 2.1+) (*1)
  • Android Firefox Mobile 9.0+
  • Android Opera Mobile 11.50+

Read More       Demo

iosSlider ??? Touch Enabled jQuery Horizontal Slider Plugin

Looper js

iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery.

  • Hardware accelerated : using CSS3 for supported iOS, Android and WebKit browsers.
  • Responsive support : to work with the most dynamic desktop and mobile sites.
  • Tons of API callbacks : Tons of API callbacks.
  • Auto-sliding : Set your slider to automatically transition and pause on hover.
  • FF/Safari/Chrome/IE7+ : Full modern browser support for desktop.

Read More       Demo

Portfolio Flipping Slider Using jQuery & CSS3

Looper js

There are many ways on displaying our portfolio, one of them is using grid style with slider effect for pagination. In this tutorial I???m going to share about how to displaying our portfolio grid with flipping slider effect for pagination using jQuery & CSS3 Transform.

Read More       Demo

Evo Slider : jQuery slideshow & content slider plugin

Looper js

Evo Slider is a jQuery slider with slideshow, unlimited layout, CSS skinning and much more features. Evo Slider comes bundled with super awesome features designed to save you development time and give you the flexibility to use it in a variety of ways ??? whether you???re building anything from an image gallery, to a product tour and lots of things in-between.

Read More       Demo

Content Timeline ??? jQuery/HTML5/CSS3 plugin

Looper js

Content timeline is powerful and lightweight jQuery/HTML5/CSS3 plugin, best for displaying date organized content. It is fully customizable, and easily implementable with any js script, video, flesh etc. Well structured code, and wide ranged API functions make it simple to get started and flexible for customization.

  • 11 settings for customizing
  • Keyboard binded
  • 5 class events
  • Included easing effects
  • 7 embedded script control methods
  • Intuitive design
  • Fully flexible
  • Fully interactive timeline

Read More       Demo

An HTML5 Slideshow w/ Canvas & jQuery

Looper js

You???ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, we can also use it like any other element on the page ??? apply jQuery animations on it, listen for events and integrate it deeply into our layouts.

Read More       Demo

jShowOff: a jQuery Content Rotator

Looper js

jShowOff is a jQuery plugin for creating a rotating content module. It works by creating ???slides??? from the child elements (eg.

  • ) inside a specified wrapper element (eg.
      ) on which .jshowoff() is invoked. It then rotates through the slides, with options for controls, links, and more. This type of module is often used to promote pages, sections, or features on a site.

      Read More       Demo

  • Flickrshow : Simple Javascript slideshow for Flickr

    Looper js

    Flickrshow is a very simple Javascript slideshow for Flickr. It doesn???t require any web-development expertise, any particular Javascript frameworks, (although it works with all of them), or any hosted web space. It works in all modern web browsers, and Internet Explorer 6.Flickrshow can display the latest images uploaded to Flickr in less than 40 characters.

    Read More       Demo

    Slider Revolution Responsive jQuery Plugin

    Looper js

    Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.

    Read More       Demo

    Zuper Responsive Multitouch Slider in jQuery

    Looper js

    Zuper Slider uses unobtrusive javascript and a powerful configuration panel for effects and design elements to transform a block of simple HTML markup into a beautiful elegant slider. When we create the Zuper Slider is lightweight, fast loading, mobile ready, responsive, easy to use,has multiple skins and much more. Zuper Slider is the most complex and powerful slider that you can use. Saves development time ??? Powerful features ??? Simple implementation ??? Fully customizable.

    Zuper Slider uses unobtrusive javascript and a powerful configuration panel for effects and design elements to transform a block of simple HTML markup into a beautiful elegant slider. When we create the Zuper Slider is lightweight, fast loading, mobile ready, responsive, easy to use,has multiple skins and much more. Zuper Slider is the most complex and powerful slider that you can use. Saves development time ??? Powerful features ??? Simple implementation ??? Fully customizable.

    Mobile Ready Zuperslider is mobile ready. Touch gestures navigation for iOS, Android and other touch devices. Its main feature is that has the touch technology implemented for mobile devices.

    Read More       Demo

    jQuery Awesome Nishtyak Gallery

    Looper js

    Beautiful customizable jQuery carousel.

    Beautiful customizable jQuery carousel.

    Features:

    • an unique vertical scrolling mode besides standard horizontal one
    • an adjustable number of strings
    • can adjust to the width of a page
    • supports any content
    • autoscroll
    • much more

    Read More       Demo

    Fullscreen Slit Slider with jQuery and CSS3

    Looper js

    In this tutorial we???ll create a fullscreen slideshow with a twist: we???ll cut the current slide open in order to reveal the next or previous slide. Using jQuery and CSS animations we can create unique slide transitions.Using different data-attributes, we???ll define the type, rotation angle and scale of a slide???s parts, giving us the possibility to create unique effects of each slide transition.

    In this tutorial we???ll create a fullscreen slideshow with a twist: we???ll cut the current slide open in order to reveal the next or previous slide. Using jQuery and CSS animations we can create unique slide transitions.Using different data-attributes, we???ll define the type, rotation angle and scale of a slide???s parts, giving us the possibility to create unique effects of each slide transition.

    Read More       Demo

    ContentFlow : JavaScript flexible Coverflow Slider

    Looper js

    ContentFlow is a flexible CoverflowTM / ImageFlowlike flow written in javascript, which can handle any kind of content.

    ContentFlow is a flexible CoverflowTM / ImageFlowlike flow written in javascript, which can handle any kind of content.

    With ContentFlow it is now possible to have any number of flows within one web-page. Each separately configurable, satisfying different visual needs.

    • It???s easy to implement and to extend.
    • It can auto generate reflections (clientside)!
    • You can add and remove content items on the fly
    • You are free to define your own methods for displaying content and interacting with it.
    • You can control all aspects of the flow without loosing the ease of use.

    ContentFlow can handle different kinds of control, like keyboard and mouse, and can be used with and without a reflection. For a complete list of features and compatibilities take a look at the feature list.

    Read More       Demo

    Growing Thumbnails Portfolio with jQuery & CSS3

    Looper js

    In this tutorial we will be making a portfolio with HTML5, jQuery and CSS3 that features an interesting growing effect.The important bit to note here is the #carousel unordered list. This element holds a collection of li items that represent your recent works. The visible class is only added if the thumbnail is to be shown. Only three thumbnails will be visible at a time. The href attribute of the hyperlink can point to the website in question, or a larger version of the image if you plan to use a lightbox together with this example.

    In this tutorial we will be making a portfolio with HTML5, jQuery and CSS3 that features an interesting growing effect.The important bit to note here is the #carousel unordered list. This element holds a collection of li items that represent your recent works.  The visible class is only added if the thumbnail is to be shown. Only three thumbnails will be visible at a time. The href attribute of the hyperlink can point to the website in question, or a larger version of the image if you plan to use a lightbox together with this example.

    Read More       Demo

    Guggenheim.js : jQuery Gallery plugin with flashy filtering and re-ordering

    Looper js

    Guggenheim.js is a framework agnostic plugin for creating sexy interactive galleries. It uses CSS3 animation (with a fallback to Javascript) to create animated filtering, reordering and pagination of your gallery.

    Guggenheim.js is a framework agnostic plugin for creating sexy interactive galleries. It uses CSS3 animation (with a fallback to Javascript) to create animated filtering, reordering and pagination of your gallery.

    Read More       Demo

    FueledWeb Pro Thumbnail Scroller with jQuery

    Looper js

    FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery.It is beautifully designed with 3D like effect and well developed with varieties of customization options, the plugin is perfectly used for product showcase, media gallery or item slider.

    FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery.It is beautifully designed with 3D like effect and well developed with varieties of customization options, the plugin is perfectly used for product showcase, media gallery or item slider.

    Features :

    • Google font
    • AdvancedLightbox
    • Responsive Design
    • Over 50 plugin options and 25 theme variables
    • Custom look and feel of Scrollbar
    • Option to auto start from center item
    • Option to auto start slideshow with play and pause button
    • 5 Custom Event Handlers:
      • onSwitchItem
      • onSwitchCategory
      • onShowLightbox
      • onHideLightbox
      • onSwitchLightboxItem
    • Custom theming with 3 built in themes

    Read More       Demo

    jQuery Featured 3D Slider

    Looper js

    Featured 3D Slider is a jQuery plugin that converts static HTML content into a 3D stage with smoothly moving objects. It is very easy to integrate it in a WordPress theme or any website in general. Slides are just wrappers of whatever HTML content you can imagine ??? images, captions, links, buttons, icons.. even video embeds. Featured 3D is highly configurable. More than one sliders can be initiated on a single page, each one with its own configuration set of options. Please, check the live preview of this slider and get answer of the question ???Is this possible without Flash, but just pure jQuery????

    Featured 3D Slider is a jQuery plugin that converts static HTML content into a 3D stage with smoothly moving objects. It is very easy to integrate it in a WordPress theme or any website in general. Slides are just wrappers of whatever HTML content you can imagine ??? images, captions, links, buttons, icons.. even video embeds. Featured 3D is highly configurable. More than one sliders can be initiated on a single page, each one with its own configuration set of options. Please, check the live preview of this slider and get answer of the question ???Is this possible without Flash, but just pure jQuery????

    Read More       Demo

    Minijs : jQuery Plugins made easy

    Looper js

    MiniJs.com provides a suite of simple and consistent jQuery plugins written in CoffeeScript including image slider, tooltip and notification.

    MiniJs.com provides a suite of simple and consistent jQuery plugins written in CoffeeScript including image slider, tooltip and notification.

    Read More       Demo

    Fathom.js : Making a presentation with jQuery

    Looper js

    Fathom.js ??? Present JavaScript in its native environment.If you???re making a presentation on JavaScript, make it in Javascript.

    Fathom.js ??? Present JavaScript in its native environment.If you???re making a presentation on JavaScript, make it in Javascript.

    Write your slideshow in HTML, style it with CSS and control it with some jQuery-powered JavaScript. When you???re done, Fathom.js even lets you sync the video of your presentation quickly and easily.

    Fathom.js comes with mouse, keyboard and scroll bar navigation built in and provides a simple API for creating your own custom interfaces.

    Read More       Demo

    Flux Slider : jQuery CSS3 Animation based image transitions

    Looper js

    Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin.

    Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin.

    Instead of the traditional Javascript timer based animations used by jQuery, Flux utilises the newer, more powerful CSS3 animation technology. Its in a fairly early/rough state at the moment but testing on the iPhone/iPad does appear to produce much smoother animations. Desktop performance (as with Nivo) is very smooth but the use of CSS3 enables us to produce some new effects that Nivo can???t, e.g. rotations.

    The aim is to use hardware acceleration where possible to improve performance on less powerful devices, such as mobiles & tablets.

    Read More       Demo

    Rhinoslider : The flexible jQuery slider/slideshow

    Looper js

    Rhinoslider is the most flexible jQuery slideshow there is. Be welcome to try it yourself. Not only do we offer a variety of effects, we also allow you to add your own styles, effects and features to the slider.To make the usage of Rhinoslider easier for you, we have developed a fancy generator. With the generator you can set up nearly all options and arguments, even if you???re not familar with the usage of jQuery plugins.

    Rhinoslider is the most flexible jQuery slideshow there is. Be welcome to try it yourself. Not only do we offer a variety of effects, we also allow you to add your own styles, effects and features to the slider.To make the usage of Rhinoslider easier for you, we have developed a fancy generator. With the generator you can set up nearly all options and arguments, even if you???re not familar with the usage of jQuery plugins.

    Read More       Demo

    jQuery gzoom plugin

    Looper js

    gzoom is a new jquery zoom plugin with following features :

    gzoom is a new jquery zoom plugin with following features :

    • Click on plus and minus to zoom
    • Drag the slider to zoom
    • Zoom using mousewheel hover the image
    • Moving mouse hover the image change the pan
    • Click on the image to show in lightbox style
    • jquery.ui framework styled

    Read More       Demo

    TouchTouch ??? A jQuery Touch Optimized Gallery Plugin with Demo

    Looper js

    I want to share a little experiment with our readers ??? TouchTouch. It is a jQuery plugin that turns a collection of photos on a webpage into a touch-friendly mobile gallery. It works on all major browsers (except for IE7 and below) and most importantly is specifically designed with iOS and Android in mind. Highlights

    I want to share a little experiment with our readers ??? TouchTouch. It is a jQuery plugin that turns a collection of photos on a webpage into a touch-friendly mobile gallery. It works on all major browsers (except for IE7 and below) and most importantly is specifically designed with iOS and Android in mind.
    Highlights

    • Smooth CSS3 animations and transitions;
    • A responsive CSS interface that fills the screen and responds to changes in device orientation;
    • Preloads photos only when they are needed;
    • Supports swiping through photos;
    • Displays onscreen arrows and listens for arrow key presses on desktop browsers;

    Read More       Demo

    jQuery Audio Slideshow with jPlayer

    Looper js

    Today we???ll share an audio slideshow with you. Using the open source audio framework jPlayer the slideshow will show images and play sound, changing the images at specified moments of the song/audio. While we???ll demonstrate a photo slideshow here, it is not limited to photos. It could also use div tags containing any kind of markup whatsoever.

    Today we???ll share an audio slideshow with you. Using the open source audio framework jPlayer the slideshow will show images and play sound, changing the images at specified moments of the song/audio. While we???ll demonstrate a photo slideshow here, it is not limited to photos. It could also use div tags containing any kind of markup whatsoever.

    Read More       Demo

    Quake Slider : jQuery Image / Content Slider Plugin with Demo

    Looper js

    If you are the guy who likes to focus on real business and don???t want to re-invent the wheels. Quake image slider is perfect for you. Quake image slider is a jQuery based image slider with cool animations effects and some of them are very unique. Like SwirlFadeIn, SwirlFadeOut and more.

    If you are the guy who likes to focus on real business and don???t want to re-invent the wheels. Quake image slider is perfect for you. Quake image slider is a jQuery based image slider with cool animations effects and some of them are very unique. Like SwirlFadeIn, SwirlFadeOut and more.

    With Quake image slider you can combine images with short summary/caption that helps you optimize contents for search engines and make SEO easy for you. You can also link your images to open detail for particular slide/image. With Quake Image Slider you have complete control over not just the orientation of each caption also you can control animation for each caption and provide different animation for each of the slide using callbacks.

    Read More       Demo

    Moodular : jQuery carousel/slider plugin with Demo

    Looper js

    Moodular is a jQuery plugin which allows to create carousel/slider very easily. Moodular comes from the contraction of two words : mood & modular.Modular has some modules integrated (controls & effects).It???s modular too, cause you can create your own controls & effects to perform your personal carousel.

    Moodular is a jQuery plugin which allows to create carousel/slider very easily. Moodular comes from the contraction of two words : mood & modular.Modular has some modules integrated (controls & effects).It???s modular too, cause you can create your own controls & effects to perform your personal carousel.

    Read More       Demo

    Lytebox : jQuery content viewer with Demo

    Looper js

    Lytebox is a lightweight, cross-browser compatible and mobile friendly Javascript library and content viewer. It???s easy to use, it???s fast, it???s compatible with other libraries, and best of all, it???s COMPLETELY FREE.

    Lytebox is a lightweight, cross-browser compatible and mobile friendly Javascript library and content viewer. It???s easy to use, it???s fast, it???s compatible with other libraries, and best of all, it???s COMPLETELY FREE.

    Lytebox can be configured by editing the main JavaScript file (lytebox.js), or by using the data-lyte-options attribute to set individual options on a per link/viewer basis. Use the left-hand navigation to see all the various options and configurations that can be set.

    Read More       Demo

    Tiny Circleslider : jQuery circular slider / carousel with Demo

    Looper js

    Tiny Circleslider is a jQuery circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.

    Tiny Circleslider is a jQuery circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.

    Features

    • Supports iPhone, iPad and Android
    • Supports sliding by thumb or pager
    • A interval can be set to slide automaticaly every given milliseconds
    • Can be set to snap to a page
    • Option to fade dots when dragging is done
    • Size(radius) of the slider can be set.
    • Can fire a callback after every move.
    • Easy customizable
    • Lightweight its only 130 lines of code. mimified the size is 4 kb

    Read More       Demo

    inflickity : jQuery Never-ending drag n??? flick content with Demo

    Looper js

    inflickity is a jQuery Never-ending drag n??? flick content.

    inflickity is a jQuery Never-ending drag n??? flick content.

    Read More       Demo

    jQuery Slideshow with jmpress.js

    Looper js

    Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides.

    Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides.

    You have for sure 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. We want to show you today how to use this great plugin to create a responsive slideshow with 3D effects.

    Read More       Demo

    Mini HTML vCard : HTML jQuery Portfolio Template with Demo

    Looper js

    Mni HTML vCard is a free HTML jQuery vCard portfolio template.It is a single-page, mini websitethat is powered with JavaScript (jQuery) and focuses on quickly displaying information about a person.

    Mni HTML vCard is a free HTML jQuery vCard portfolio template.It is a single-page, mini websitethat is powered with JavaScript (jQuery) and focuses on quickly displaying information about a person.

    The template is completely static except the contact form which requires PHP to function.

    If you would like the contact form messages being e-mailed to you with SMTP authentication, there is a ???mail.config??? file in the root folder to setup those details.

    Read More       Demo

    iPicture : A jQuery Plugin For Tooltip your Images With Demo

    Looper js

    iPicture, a jQuery plugin, is perfect for such cases and allows us to place tooltips over any desired location of images.

    iPicture, a jQuery plugin, is perfect for such cases and allows us to place tooltips over any desired location of images.

    Once the user hovers/clicks the pointers, the tooltip is displayed with its pre-defined content.There are several options for customizing the functionality including the ability to use different pointer images for each tooltip or their animation types.

    Also, iPicture has a handy initialize function that saves so much time by enabling a configuration wizard where we can place pointers + set their definitions with drag ???n??? drops and the JSON output to be used in the code is created automatically.

    Read More       Demo

    SliderWall : jQuery image slider with Demo

    Looper js

    SliderWall is a jQuery slider plugin that helps you to create all types of content sliders. The plugin is entirely based on HTML5, CSS3 and JavaScript.SliderWall is a very flexible tool, meaning that you can use it to create many types of sliders, from content sliders to image sliders.

    SliderWall is a jQuery slider plugin that helps you to create all types of content sliders. The plugin is entirely based on HTML5, CSS3 and JavaScript.SliderWall is a very flexible tool, meaning that you can use it to create many types of sliders, from content sliders to image sliders.

    And you don???t have to start from scratch! SliderWall offers you several different templates ??? along with cool transition effects ??? that can be customized in CSS so that they match your website???s design.

    Read More       Demo

    noUiSlider : jQuery Range Slider with Demo

    Looper js

    noUiSlider is a little jQuery plugin that turns a html object into a nice (range) slider. It can have two handles to select a range, a fixed minimum or maximum to select a limit, or just two handles to pick some points.

    noUiSlider is a little jQuery plugin that turns a html object into a nice (range) slider. It can have two handles to select a range, a fixed minimum or maximum to select a limit, or just two handles to pick some points.

    Every event in the noUiSlider has an optional callback, so you can completely control any slider interaction. There is also some cool math in the read-out functions, so you can dynamically calculate any selected value. noUiSlider is developed to provide some basic slider functionality, without having to include the complete jQuery UI library.

    Read More       Demo

    Zino : jQuery Slider plugin with Demo

    Looper js

    Zino is a Image and content slider inspired by jQuery UI source.Zino is jQuery Slider plugin, image and content slider, banner rotator with slideshow capabilities.

    Zino is a Image and content slider inspired by jQuery UI source.Zino is jQuery Slider plugin, image and content slider, banner rotator with slideshow capabilities.

    Read More       Demo

    jQuery Blinds Slideshow using CSS Sprites with Demo

    Looper js

    jQuery slideshow plugin blinds has following features :

    jQuery slideshow plugin blinds has following features :

    Features

    • Smooth animated transition
    • Customizable sprite grid
    • Customizable animation ochestration
    • Multiple instances on the same webpage
    • jQuery compatible (plugin)
    • Unobtrusive javascript

    Read More       Demo

    Making a Giveaway jQuery Randomizer App with Demo

    Looper js

    jQuery Randomizer app is divided in three steps ??? in step one you provide a list of the contestants??? name and email, divided by a comma (each contestant on a separate line). In the second step, you provide a prize name and a number, signifying the number of copies that have been offered. In the last step, you get a randomly selected list of contestants and their prizes.

    jQuery Randomizer app is divided in three steps ??? in step one you provide a list of the contestants??? name and email, divided by a comma (each contestant on a separate line). In the second step, you provide a prize name and a number, signifying the number of copies that have been offered. In the last step, you get a randomly selected list of contestants and their prizes.

    Read More       Demo

    Parallax Content Slider with CSS3 and jQuery

    Looper js

    Today we want to share a simple jQuery parallax content slider with you. Using CSS animations, we???ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself.

    Today we want to share a simple jQuery parallax content slider with you. Using CSS animations, we???ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself.

    The idea for this comes from the slider of the Kendo UI homepage, a framework for modern HTML UI. After we got some requests and questions about how to do something like that, we decided to recreate the effect.

    Read More       Demo

    Metro JS : jQuery Metro interfaces on the web

    Looper js

    Metro JS is a JavaScript plugin for jQuery developed to easily enable Metro interfaces on the web . This release focuses on Live Tiles, the Application Bar and Theming. It???s early in the development phase, but all features should work on at least IE7+(Win/WinPhone), Firefox, Chrome, Android, Opera, and Safari(OSX/iOS).

    Metro JS is a JavaScript plugin for jQuery developed to easily enable Metro interfaces on the web . This release focuses on Live Tiles, the Application Bar and Theming. It???s early in the development phase, but all features should work on at least IE7+(Win/WinPhone), Firefox, Chrome, Android, Opera, and Safari(OSX/iOS).

    Features

    • Full ???future proof??? hardware acceleration for browsers that support it now and those that will in the future
    • Uses Modenizr if already available or built in capability checking via the same methods if not
    • Slide tiles that stop at an arbitrary number of points to reveal the tile behind it (e.g. Me tile, or the animated clouds on the projects page)
    • Flip tiles that flip between two static containers
    • Flip tiles that assign new images at random or sequentially from an array of images
    • Lists of tiles that can flip between static containers
    • Lists of tiles that assign images with adjustable levels of randomness for mosaics and other unique content presentations

    Read More       Demo

    Camera : A free jQuery slideshow With Touch Support

    Looper js

    The developer of Diapo has created a fresh plugin named Camera which has more features and works very well with responsive layouts.

    The developer of Diapo has created a fresh plugin named Camera which has more features and works very well with responsive layouts.

    Slides can be created with any HTML elements (images, text, videos, etc.) and Camera displays them with a good looking interface+ a set of transitions.Items can be browsed with prev-next buttons or bullet navigation, a play/pause option exists and a loader informs the user about the timing of the next slide.

    The plugin can be skinned via CSS and there are already multiple skins provided.It has options for almost everything, all aspects of the interface + functionality can be customized and callbacks exist on every level.

    Read More       Demo

    jQuery.listScroller : A jQuery image slider

    Looper js

    Make a list of items scrolls in a circle is a simple task. A bit of CSS, a few dozen lines of code. But as a web developer, I have to keep writing this over and over again and I couldn???t find a flexible enough plugin for me. So I wrote up this plugin so web developers/designers can quickly create an list of item with previous and next button to scroll through the list in circle. You can also set an interval so the list will scroll automatically.

    Make a list of items scrolls in a circle is a simple task. A bit of CSS, a few dozen lines of code. But as a web developer, I have to keep writing this over and over again and I couldn???t find a flexible enough plugin for me. So I wrote up this plugin so web developers/designers can quickly create an list of item with previous and next button to scroll through the list in circle. You can also set an interval so the list will scroll automatically.

    Read More       Demo

    jQuery Slider Plugin with infinite style : Sequence .js

    Looper js

    Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 ??? no jQuery knowledge required!

    Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 ??? no jQuery knowledge required!

    Features

    • Unique transition styles created using CSS3
    • Supports all modern browsers
    • Gracefully degrades in older browsers
    • Supports responsive layouts
    • Supports touch devices and swiping
    • Many developer features with even more to come
    • Semantic and easy to use markup
    • Open source

    Read More       Demo

    YMslider Content Slider jQuery Plugin

    Looper js

    It is a simple dynamic, light-weight (2,2K minified, lighter GZipped) and non-intrusive content slider jQuery plugin, fully CSS customizable (theme support) with respect of accessibility and W3C standard rules (strict xHTML valid) ???

    It is a simple dynamic, light-weight (2,2K minified, lighter GZipped) and non-intrusive content slider jQuery plugin, fully CSS customizable (theme support) with respect of accessibility and W3C standard rules (strict xHTML valid) ???

    Read More       Demo

    Scrolldeck : jQuery scrolling presentation decks plugin

    Looper js

    Scrolldeck a jQuery plugin for making scrolling presentation deck.After linking all the required scripts (jQuery, Scrollorama, scrollTo, easing & scrolldeck), create the slide deck on document ready event.Add animations to slides by adding the ???animate-in??? or ???animate-build??? classes to elements in your slides.

    Scrolldeck a jQuery plugin for making scrolling presentation deck.After linking all the required scripts (jQuery, Scrollorama, scrollTo, easing & scrolldeck), create the slide deck on document ready event.Add animations to slides by adding the ???animate-in??? or ???animate-build??? classes to elements in your slides.

    Read More       Demo

    jQuery Slideshow plugin : ResponsiveSlides.js

    Looper js

    ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slideshow using images inside a single container. It work with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don???t natively support it. Only dependency is jQuery and that all the images are same size.

    ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slideshow using images inside a single container. It work with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don???t natively support it. Only dependency is jQuery and that all the images are same size.

    Read More       Demo

    Bootstrap jQuery Image Gallery

    Looper js

    Bootstrap Image Gallery is an extension to the Modal dialog of Twitter???s Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.

    Bootstrap Image Gallery is an extension to the Modal dialog of Twitter???s Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.

    Read More       Demo

    Use Reveal.js to Create CSS 3D Slideshow

    Looper js

    If you???re making an online presentation to impress your audience, you have to consider to use reveal.js. reveal.js is a CSS 3D Slideshow, it allows you to create a slick and good looking HTML presentation and in the same time utilise the latest web technologies for cool 3D slide transition. Reveal.js is a standalone javascript plugin and doesn???t rely on any external libraries.

    If you???re making an online presentation to impress your audience, you have to consider to use reveal.js. reveal.js is a CSS 3D Slideshow, it allows you to create a slick and good looking HTML presentation and in the same time utilise the latest web technologies for cool 3D slide transition. Reveal.js is a standalone javascript plugin and doesn???t rely on any external libraries.

    One thing though, this javascript requires CSS 3D transforms support. That???s mean, IE won???t able to see all these fancy animation. It works really well in Safari, Chrome and Firefox. Good news is, if CSS 3D support is not detected, it will degrade gracefully and back to the 2D transitions.

    Read More       Demo

    jQuery Content Slider : Revolver.js

    Looper js

    Revolver is a new content slider that makes no assumptions about your markup. Think of Revolver as a boilerplate or framework for making your own slider, exactly the way you want it. But don???t let that scare you, it???s really easy, I promise!

    Revolver is a new content slider that makes no assumptions about your markup. Think of Revolver as a boilerplate or framework for making your own slider, exactly the way you want it. But don???t let that scare you, it???s really easy, I promise!

    Read More       Demo

    jQuery Slideshow / Image Gallery Plugin: PikaChoose

    Looper js

    Pikachoose is a lightweight jQuery slideshow / image gallery plugin for rotating through a series of images, comes with tons of great features!

    Pikachoose is a lightweight jQuery slideshow / image gallery plugin for rotating through a series of images, comes with tons of great features!

    jCarousel integrates smoothly with PikaChoose to give your gallery simple and effective carousel. PikaChoose has API hooks for integrating lightboxes and other things.

    Read More       Demo

    Roundabout is a jQuery plugin

    Looper js

    Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

    Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

    It???s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results.

    Read More       Demo

    Create beautiful slideshows with jQuery Cycle

    Looper js

    These are 3 implementations of a simple slideshow using the jQuery Cycle plugin. Feel free to download and customize them to fit your own ???slideshow needs???.

    These are 3 implementations of a simple slideshow using the jQuery Cycle plugin. Feel free to download and customize them to fit your own ???slideshow needs???.

    Read More       Demo

    Flow Slider: Mouse-Controlled jQuery Image Slider

    Looper js

    Flow Slider is a jQuery plugin that lets you slide your HTML content as you always dreamed to. Flow Slider allows you to select from a range of transition effects or add your own, change settings, attach events, interact with the slider, and dress it in any design. It works by converting an unordered list into a slider and can be browsed by hovering to the right or left side of it.

    Flow Slider is a jQuery plugin that lets you slide your HTML content as you always dreamed to. Flow Slider allows you to select from a range of transition effects or add your own, change settings, attach events, interact with the slider, and dress it in any design. It works by converting an unordered list into a slider and can be browsed by hovering to the right or left side of it.

    Read More       Demo

    deck.js a jQuery slides with transition

    Looper js

    deck.js is a tool for making modern HTML presentations. Slides are basic HTML. The deck.core module keeps track of slide states and deck states, leaving CSS to define what each state looks like and how to transition between them. Extensions use core events and methods to add goodies, giving presenters the freedom to add what they want and leave out what they don???t.

    deck.js is a tool for making modern HTML presentations. Slides are basic HTML. The deck.core module keeps track of slide states and deck states, leaving CSS to define what each state looks like and how to transition between them. Extensions use core events and methods to add goodies, giving presenters the freedom to add what they want and leave out what they don???t.

    Read More       Demo

    jQuery Widgets unique library for jQuery UI Development

    Looper js

    jQWidgets gives us something new and special. It???s a new and unique library for jQuery UI development and unlike others it makes our Apps and Websites look beautiful on desktops, touch devices and mobile phones. jQWidgets is the ultimate UI toolkit for the next generation of cloud apps development and it is built entirely on open standards and technologies like HTML5, CSS, JavaScript and jQuery.

    jQWidgets gives us something new and special. It???s a new and unique library for jQuery UI development and unlike others it makes our Apps and Websites look beautiful on desktops, touch devices and mobile phones. jQWidgets is the ultimate UI toolkit for the next generation of cloud apps development and it is built entirely on open standards and technologies like HTML5, CSS, JavaScript and jQuery.

    Read More       Demo

    Slideshowify jQuery plugin for generating a Ken Burns Effect slideshow

    Looper js

    Slideshowify is a jQuery plugin for generating a ???*Ken Burns Effect???-style slideshow from images that match a selector. Images that don???t fit the window proportions exactly (generally the case) are cropped and panned across the screen.

    Slideshowify is a jQuery plugin for generating a ???*Ken Burns Effect???-style slideshow from images that match a selector. Images that don???t fit the window proportions exactly (generally the case) are cropped and panned across the screen.

    Read More       Demo

    jQuery Draggable Image Boxes Grid

    Looper js

    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 like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

    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 like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

    Read More       Demo

    jQuery Elastic Image Slideshow with Thumbnail Preview

    Looper js

    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 we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.

    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 we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.

    To make this slideshow responsive, we will use a mixture of JavaScript and CSS techniques.

    Read More       Demo

    HTML5 & CSS3 Powered Slideshows ??? Slider.js

    Looper js

    Slider.js is a slideshow engine built with jQuery and uses CSS3 and/or HTML canvas for the transitions.Items can have a text-caption with links and users can browse it with a pagination or using the prev-next links.Slider???s design can be completely changed as there is support for theming and interactions can be customized using the well-documented API.

    Slider.js is a slideshow engine built with jQuery and uses CSS3 and/or HTML canvas for the transitions.Items can have a text-caption with links and users can browse it with a pagination or using the prev-next links.Slider???s design can be completely changed as there is support for theming and interactions can be customized using the well-documented API.

    The data source is JSON and, besides the 13 available CSS transitions, there 10 built-in and good-looking canvas functions.

    Read More       Demo

    wmuSlider, a jQuery responsive slider

    Looper js

    A responsive jquery slider.

    A responsive jquery slider.

    Read More       Demo

    Basic jQuery Slider ??? Simple slideshows for featured content

    Looper js

    Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up. This means instead of removing features and bending it to suit your needs, you can use this slider and as a base and extend it to be as feature rich, or as simple, as you need.

    Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up. This means instead of removing features and bending it to suit your needs, you can use this slider and as a base and extend it to be as feature rich, or as simple, as you need.

    Read More       Demo

    Fullscreen Image 3D Effect with CSS3 and jQuery

    Looper js

    Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image???s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.

    Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image???s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.

    Read More       Demo

    FerroSlider jQuery Plugin

    Looper js

    This plugins allows you to organize the contents of you website in a unusual and cool way and navigate through them with a sliding effect. The final effect is similar to Mac???s or Linux multiple desktops. You can position content as you want: by row, by column or using a custom displacement.

    This plugins allows you to organize the contents of you website in a unusual and cool way and navigate through them with a sliding effect.
    The final effect is similar to Mac???s or Linux multiple desktops.
    You can position content as you want: by row, by column or using a custom displacement.

    Read More       Demo

    How to Create a Fantastic jQuery Photo Album with TN3

    Looper js

    During browsing web ??? I noticed new interesting library ??? TN3. This is jQuery image gallery with slideshow, transitions effects, multiple album options etc. Plus you will able to customize it (via CSS). Today I will show you how you can implement this gallery to create own photo album.

    During browsing web ??? I noticed new interesting library ??? TN3. This is jQuery image gallery with slideshow, transitions effects, multiple album options etc. Plus you will able to customize it (via CSS). Today I will show you how you can implement this gallery to create own photo album.

    Read More       Demo

    Photoflip slideshow effect with jQuery

    Looper js

    In the previous tutorial we created a tutorial that was controlled by clicking the next link which took the top most image in a stack and placed it at the bottom of the stack, today we are going to automate the flipping through of the images by adding a simple autoadvance function.

    In the previous tutorial we created a tutorial that was controlled by clicking the next link which took the top most image in a stack and placed it at the bottom of the stack, today we are going to automate the flipping through of the images by adding a simple autoadvance function.

    Read More       Demo

    Slide Navigation Using JQuery With Easing Plugin

    Looper js

    The navigation at apple mac page are using an easing effect, it separating each product by the category, I love the effect when user click on the navigation it like the products appear and disappear one by one, with the easing effect on the end movement, like bouncing on the vertical line

    The navigation at apple mac page are using an easing effect, it separating each product by the category, I love the effect when user click on the navigation it like the products appear and disappear one by one, with the easing effect on the end movement, like bouncing on the vertical line

    If you see the source code on apple page, seems they are still using prototype.js, once are the most popular javascript framework, before the appearance of  jquery. In this post I want to create something like the apple mac navigation menu using jquery easing plugins.

    Read More       Demo

    jQuery Slider Plugin Flexslider

    Looper js

    In responsive design, we are creating responsive experiences, meaning that all design components need to be able to adapt to the environment in which they are displayed and have to interact with. This is why we create tables, navigation menus, videos and other design elements responsive as well (see Responsive Web Design Techniques and Design Strategies for more details). It just makes sense to consider each and every design component ??? including the image slider.

    In responsive design, we are creating responsive experiences, meaning that all design components need to be able to adapt to the environment in which they are displayed and have to interact with. This is why we create tables, navigation menus, videos and other design elements responsive as well (see Responsive Web Design Techniques and Design Strategies for more details). It just makes sense to consider each and every design component ??? including the image slider.

    Read More       Demo

    jQuery File Tree

    Looper js

    jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.There are lot of file tree plugins available in market but this plugin comes with scrips which PHP,ASP and JSP scripts which can read the directory structure on the server and create the file tree. The plugin is highly configurable.

    jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.There are lot of file tree plugins available in market but this plugin comes with scrips which PHP,ASP and JSP scripts which can read the directory structure on the server and create the file tree. The plugin is highly configurable.

    Read More       Demo

    jQuery Timelinr

    Looper js

    This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can parameterize the majority of attributes: speed, transparency, etc..

    This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can parameterize the majority of attributes: speed, transparency, etc..

    Read More       Demo

    WOW Slider in JQuery

    Looper js

    The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It???s a very effective method to increase the web site usability and engage the user. The WOW Slider w as updated in April 11, 2011, this is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns) and tons of professionally made templates. Is free for non-commercial use, a license fee is required for business use.

    The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It???s a very effective method to increase the web site usability and engage the user. The WOW Slider w as updated in  April 11, 2011, this is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns) and tons of professionally made templates. Is free for non-commercial use, a license fee is required for business use.

    Read More       Demo

    ChopSlider ??? jQuery & CSS3 animated Slider

    Looper js

    This awesome slider with a chopping effect was last updated on June 20, 2011. The ChopSlider uses full power of CSS3 animation, has own CSS3 support detection and even old or Internet Explorer support it, a little bit different but still awesome. It will be free under the MIT license, once released. The creator still runing some tests.

    This awesome slider with a chopping effect was last updated on June 20, 2011. The ChopSlider uses full power of CSS3 animation, has own CSS3 support detection and even old or Internet Explorer support it, a little bit different but still awesome. It will be free under the MIT license, once released. The creator still runing some tests.

    Read More       Demo

    Expanding Fullscreen Grid Portfolio in jQuery

    Looper js

    Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image.

    Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image.

    Read More       Demo

    Content Rotator with jQuery

    Looper js

    Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thumbnails will reveal a scrollable text container and the navigation arrows will move up so that one can navigate to the previous or next slides.

    Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thumbnails will reveal a scrollable text container and the navigation arrows will move up so that one can navigate to the previous or next slides.

    Read More       Demo

    Bubble Slideshow Effect with jQuery

    Looper js

    Today we will be building a jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as a interesting slideshow. And as the code will be completely modular, you will be able to easily use it and modify it.

    Today we will be building a jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as a interesting slideshow. And as the code will be completely modular, you will be able to easily use it and modify it.

    Read More       Demo

    Latest Post Blogroll Slider with jQuery and PHP

    Looper js

    In this tutorial we are going to create a blogroll slider that shows the latest post of your favorite blogs. We will be using jQuery, PHP and XSL. The aim is to get a given RSS feed of a blog and parse the XML data with the help of PHP. We will apply XSL to transform the feed into HTML and cache the result for subsequent use. We will be using a lot of CSS3 properties for a polished look.

    In this tutorial we are going to create a blogroll slider that shows the latest post of your favorite blogs. We will be using jQuery, PHP and XSL. The aim is to get a given RSS feed of a blog and  parse the XML data with the help of PHP. We will apply XSL to transform the feed into HTML and cache the result for subsequent use. We will be using a lot of CSS3 properties for a polished look.

    Read More       Demo

    Vertical Sliding Accordion with jQuery

    Looper js

    Today we want to share a slick and flexible vertical jQuery accordion with you. 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.

    Today we want to share a slick and flexible vertical jQuery accordion with you. 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       Demo

    jQuery EasyUI framework

    Looper js

    jQuery EasyUI framework help you build your web page easily.

    jQuery EasyUI framework help you build your web page easily.

    • easyui is a collection of user-interface plugin based on jQuery.
    • using easyui you don???t need to write many javascript code, you usually defines user-interface by writing some HTML markup.
    • easyui is very easy but powerful.

    Read More       Demo

    blueimp jQuery Image Gallery

    Looper js

    Image Gallery with Lightbox effect and slideshow functionality for jQuery UI

    Image Gallery with Lightbox effect and slideshow functionality for jQuery UI

    Read More       Demo

    Horinaja Slide Show Plugin For jQuery

    Looper js

    Horinaja is an easy to use, customizable and very useful slide show plugin that comes in jQuery and Scriptaculous flavors. Most notable feature is its ability to allow users to change slides using mouse wheel.

    Horinaja is an easy to use, customizable and very useful slide show plugin that comes in jQuery and Scriptaculous flavors. Most notable feature is its ability to allow users to change slides using mouse wheel.

    Read More       Demo

    Fullscreen Slideshow with HTML5 Audio and jQuery

    Looper js

    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 give life to the gallery and try to recreate the ambient of this vibrant city.

    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 give life to the gallery and try to recreate the ambient of this vibrant city.

    Read More       Demo

    jQuery Multimedia Portfolio

    Looper js

    Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player.

    Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player.

    Read More       Demo

    jMyCarousel a jQuery Plugin for Carousel gallery

    Looper js

    jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

    jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

    Read More       Demo

    Using Flux Slider jQuery plugin

    Looper js

    Using Flux Slider jQuery plugin Today I will make review (example of implementation) of fresh and cool slider plugin ??? Flux. This slider using CSS3 animation with great transition effects (like: bars, zip, blinds, blocks, concentric, warp). And, what is most great ??? now it can support 3D transitions too (bars3d, cube, tiles3d, Blinds3D effects).

    Using Flux Slider jQuery plugin Today I will make review (example of implementation) of fresh and cool slider plugin ??? Flux. This slider using CSS3 animation with great transition effects (like: bars, zip, blinds, blocks, concentric, warp). And, what is most great ??? now it can support 3D transitions too (bars3d, cube, tiles3d, Blinds3D effects).

    Read More       Demo

    Grid Navigation Effects with jQuery

    Looper js

    Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We???ll take a look at some of the possibilities and how to apply the effect.

    Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We???ll take a look at some of the possibilities and how to apply the effect.

    Read More       Demo

    jQuery Looped Slider Tutorial

    Looper js

    Today we???re going to use Nathan Searles??? jQuery loopedSlider, a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the ???content rewind??? that most other content sliders suffer from.

    Today we???re going to use Nathan Searles??? jQuery loopedSlider, a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the ???content rewind??? that most other content sliders suffer from.

    This is going to be a quick and easy tutorial. You can just copy and paste the code and have yourself a looping slider in minutes.

    Read More       Demo

    CSS and jQuery-Creating an Image Slider

    Looper js

    In this tutorial I am actually going to be explaining how to do something which I created for one of my other projects. Basically you are going to create a jquery effect. When a holder is hovered over the top image slides down to reveal the image underneath. I will also explain how to use position absolute to float an image in the top right to show the image is new.

    In this tutorial I am actually going to be explaining how to do something which I created for one of my other projects. Basically you are going to create a jquery effect. When a holder is hovered over the top image slides down to reveal the image underneath. I will also explain how to use position absolute to float an image in the top right to show the image is new.

    Read More       Demo

    Making A Slick Content Slider in jQuery

    Looper js

    Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like ???above the fold??? it is ever so important to provide eye-catching and functional user interfaces.

    Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like ???above the fold??? it is ever so important to provide eye-catching and functional user interfaces.

    In this tutorial we are going to make a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin. The slider is going to be generated with PHP and we are using a plain txt file as a data source for the notebook configurations.

    Read More       Demo

    How to Make a Graphical News Slider in jQuery

    Looper js

    The graphical news slider: something used so often in so many places for so many different purposes. I had made one ages ago as one of my first jQuery projects. I figured I could write a tutorial to share that code with WebDesignFan???s readers, but was taken aback when I reviewed the code I had made so long ago. It was not bad formatting or compatibility or any such thing, as I would never allow such problems to be a part of my programs. However, it wasn???t very extensible as I feel all public code should be. It was merely designed to support the features I needed at the time. Having spent the last few days revising the code, namely to allow custom image dimensions, I am happy to share with you the revised code.

    The graphical news slider: something used so often in so many places for so many different purposes. I had made one ages ago as one of my first jQuery projects. I figured I could write a tutorial to share that code with WebDesignFan???s readers, but was taken aback when I reviewed the code I had made so long ago. It was not bad formatting or compatibility or any such thing, as I would never allow such problems to be a part of my programs. However, it wasn???t very extensible as I feel all public code should be. It was merely designed to support the features I needed at the time. Having spent the last few days revising the code, namely to allow custom image dimensions, I am happy to share with you the revised code.

    Read More       Demo

    Creating an Attractive Photo Gallery using SmartGallery (jQuery)

    Looper js

    Today we will continue overviews of available photo galleries. Next gallery will SmartGallery. This light-weight gallery will allow us to have thumbnail navigation, auto image scaling, 12 transition effects (to current moment). All this is done with the options of this gallery.

    Today we will continue overviews of available photo galleries. Next gallery will SmartGallery. This light-weight gallery will allow us to have thumbnail navigation, auto image scaling, 12 transition effects (to current moment). All this is done with the options of this gallery.

    Read More       Demo

    JQuery Superbox ??? Flexible modal window

    Looper js

    jQuery Superbox! Jquery is a plugin for creating modal windows easily be adapted (eg, lighter).

    jQuery Superbox! Jquery is a plugin for creating modal windows easily be adapted (eg, lighter).

    It is an accessible script, uses the rel attribute of an element for triggering & href attribute is used for defining the source to be displayed.

    To change the look & feel, it is enough to play with the CSS as no styles are set by default.

    Read More       Demo

    bxSlider a jQuery content slider and image slideshow

    Looper js

    This plugin is content slider and image slideshow. Where you can slide between slides using horizontal, vertical and fade transitions. Also you can have navigation controls, custom behavior (this plugin have very many options).

    This plugin is content slider and image slideshow. Where you can slide between slides using horizontal, vertical and fade transitions. Also you can have navigation controls, custom behavior (this plugin have very many options).

    Read More       Demo

    Create a Slick and Accessible Slideshow Using jQuery

    Looper js

    In this in-depth web development tutorial, you???ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you???ll see the concept of Progressive Enhancement in action.

    In this in-depth web development tutorial, you???ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you???ll see the concept of Progressive Enhancement in action.

    Read More       Demo

    jQuery Accessible slider

    Looper js

    Accessible slider- Illustrations and code samples showing how to make a slider UI control accessible to those who aren???t running JavaScript or CSS.

    Accessible slider- Illustrations and code samples showing how to make a slider UI control accessible to those who aren???t running JavaScript or CSS.

    Read More       Demo

    flickrGallery ??? jQuery Dynamic Flickr Photo Gallery with Slider

    Looper js

    flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.

    flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.

    The main functionalities of this gallery are a) to pull in images dynamically from a Flickr photoset, b) to dynamically grow or shrink the gallery area, depending on the size of the images and c) to offer a lightbox effect for small images.

    Read More       Demo

    Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

    Looper js

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

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

    The plugin uses JSON for the data format of the slides. So, they can easily be provided remotely and integration with any other system (like CMSs) will be easier.

    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       Demo

    jQuery Content/Thumbnail slider : jsCarousel V2.0

    Looper js

    jsCarousel v2.0 is a jquery slider plugin that slides contents in multi direction. Now it supports both horizontal and vertical orientation, see the screen shot below. jsCarousel v2.0 slider can be used as a feature content slider as well. You can put any kind of contents you want whether images, text, videos, news etc. it???s up to you. One interesting thing about jsCarousel v2.0 slider is that you can make simple image gallery with thumbnail support by using it. jsCarousel v2.0 slider plugin gives you the source of image via callback function, when you click on some image within slider. See Using jsCarousel v2.0 Slider section below to get an idea about using the callback function.

    jsCarousel v2.0 is a jquery slider plugin that slides contents in multi direction. Now it supports both horizontal and vertical orientation, see the screen shot below. jsCarousel v2.0 slider can be used as a feature content slider as well. You can put any kind of contents you want whether images, text, videos, news etc. it???s up to you. One interesting thing about jsCarousel v2.0 slider is that you can make simple image gallery with thumbnail support by using it. jsCarousel v2.0 slider plugin gives you the source of image via callback function, when you click on some image within slider. See Using jsCarousel v2.0 Slider section below to get an idea about using the callback function.

    Read More       Demo

    Rotating Image Slider with jQuery

    Looper js

    In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will also add an autoplay option and the mousewheel functionality.

    In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will also add an autoplay option and the mousewheel functionality.

    We???ll use the jQuery 2D Transformation Plugin for rotating the images and the jQuery Mousewheel Plugin by Brandon Aaron for the mousewheel control.

    Read More       Demo

    Skitter jQuery Slideshow Plugin

    Looper js

    Skitter is a jQuery plugin that enables us to convert unordered lists into slideshows with attractive 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.

    It has many original animation types including cube (with various sub-types), tube, block and more???

    Read More       Demo

    Slider Kit ??? Multiple Slideshow Types In One jQuery Plugin

    Looper js

    Slider Kit is a very flexible jQuery plugin that enables us to create almost any type of slideshows like photo galleries, news sliders, carousels,tabs,menu and more.

    Slider Kit is a very flexible jQuery plugin that enables us to create almost any type of slideshows like photo galleries, news sliders, carousels,tabs,menu and more.

    It has support for both horizontal + vertical sliders and items can be navigated via buttons, mousewheel, image click or keyboard.

    Read More       Demo

    Wijmo jQuery UI Widgets

    Looper js

    Wijmo is a complete kit of over 30 UI widgets with everything from interactive menus to rich charts. If you know jQuery, you know Wijmo. Complete with documentation and professional support, every widget is hand-crafted and includes premium themes.

    Wijmo is a complete kit of over 30 UI widgets with everything from interactive menus to rich charts. If you know jQuery, you know Wijmo. Complete with documentation and professional support, every widget is hand-crafted and includes premium themes.

    Read More       Demo

    Create A Tabbed Content Rotator Using jQuery

    Looper js

    This plugin will create a tabbed content rotator. You can use this plugin to show your customers some of your products or services.

    This plugin will create a tabbed content rotator. You can use this plugin to show your customers some of your products or services.

    Read More       Demo

    Timeglider ??? Impressive jQuery Plugin For Data-Driven Timelines

    Looper js

    Timeglider is a jQuery plugin for displaying any number of events in a highly-flexible timeline.

    Timeglider is a jQuery plugin for displaying any number of events in a highly-flexible timeline.

    Its interface has support for zooming in/out (mouse wheel can be used too) and panning where you can quickly navigate through the time and find events.

    Events are clickable and can display a detailed view of them inside a modal box.

    Read More       Demo

    ppGallery ??? Elegant Lightbox Gallery Jquery Plugin

    Looper js

    Showcase your gallery in style with ppGallery, an advanced lightbox photo gallery plugin built with the jQuery Framework. It is lightweight, unobtrusive and installs with ease. It has been tested on the latest versions of IE7, IE8, Safari, Firefox, Google Chrome, Camino and Opera.

    Showcase your gallery in style with ppGallery, an advanced lightbox photo gallery plugin built with the jQuery Framework. It is lightweight, unobtrusive and installs with ease. It has been tested on the latest versions of IE7, IE8, Safari, Firefox, Google Chrome, Camino and Opera.

    Read More       Demo

    How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

    Looper js

    So, what about a vertical sliding panel that would act as some sort of drawer instead of the usual top horizontal sliding panel that pushes everything else down when it opens? While thinking of alternatives to the usual horizontal panels, the author thought it would be nice to create something that works in a similar way, but that is a bit more flexible.

    So, what about a vertical sliding panel that would act as some sort of drawer instead of the usual top horizontal sliding panel that pushes everything else down when it opens? While thinking of alternatives to the usual horizontal panels, the author thought it would be nice to create something that works in a similar way, but that is a bit more flexible.

    Read More       Demo

    Blast Slider ??? jQuery Photo Slider

    Looper js

    Blast Slider is a jQuery plugin to create sliders, carousels, rotators with crazy animation effect ??? slide explodes into particles and then collapses to a new slide!

    Blast Slider is a jQuery plugin to create sliders, carousels, rotators with crazy animation effect ??? slide explodes into particles and then collapses to a new slide!

    Read More       Demo

    Multiple Image Cross Fade in jQuery

    Looper js

    Today we learn how to fade list of images through each other in continuous loop. We will also add captions and tooltips to make it more usable. This simple effect is ideal for portfolio websites, galleries or magazines where images need to be seen.

    Today we learn how to fade list of images through each other in continuous loop. We will also add captions and tooltips to make it more usable. This simple effect is ideal for portfolio websites, galleries or magazines where images need to be seen.

    Read More       Demo

    JAWS: News Ticker and Mini Accordion in jQuery

    Looper js

    This widget-esque script is at once both a news ticker and a mini accordion. It takes a config file of data (headlines, image SRCs, URLs etc) and paginates your headlines into folds. It will optionally auto-rotate through these folds, though you can navigate between them with the numeric tabs at the top right. If an item has ???more info??? data set in the config, then clicking the headline will reveal that data in an accordion fashion. See below for an example.

    This widget-esque script is at once both a news ticker and a mini accordion. It takes a config file of data (headlines, image SRCs, URLs etc) and paginates your headlines into folds. It will optionally auto-rotate through these folds, though you can navigate between them with the numeric tabs at the top right. If an item has ???more info??? data set in the config, then clicking the headline will reveal that data in an accordion fashion. See below for an example.

    Read More       Demo

    s3Slider image sliding jQuery plugin

    Looper js

    The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery. Since i didnt find it after a small research i decided to build it by my self.

    The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery. Since i didnt find it after a small research i decided to build it by my self.

    Read More       Demo

    TopUp image & media gallery display Plugin

    Looper js

    TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness

    TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness

    Read More       Demo

    GalleryView: A jQuery Content Gallery Plugin

    Looper js

    GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

    GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

    Read More       Demo

    jqFancyTransitions slideshow with strip effects

    Looper js

    jqFancyTransitions is easy-to-use jQueryplugin for displaying your photos as slideshow with fancy transition effects.

    jqFancyTransitions is easy-to-use jQueryplugin for displaying your photos as slideshow with fancy transition effects.

    Read More       Demo

    jQuery.popeye : Inline lightbox alternative with slideshow

    Looper js

    jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

    jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

    jQuery.popeye takes a different approach: not only allows it for browsing all thumbnails as well as the large images in a single image space, it also repects the page flow and stays anchored and rooted in the webpage at all times, thus giving a less disruptive user experience than modal windows.

    Read More       Demo

    Featured Content Slider Using jQuery UI

    Looper js

    Showing off the best content of your website or blog in a nice intuitive way will surely catch more eyeballs. Using an auto-playing content slider is the one of techniques to show your featured content.

    Showing off the best content of your website or blog in a nice intuitive way will surely catch more eyeballs. Using an auto-playing content slider is the one of techniques to show your featured content.

    Read More       Demo

    Easy Slider 1.7 ??? Numeric Navigation jQuery Slider

    Looper js

    Easy Slider 1.7 ??? Numeric Navigation jQuery Slider with

    Easy Slider 1.7 ??? Numeric Navigation jQuery Slider with

    • Continuous Slide
    • Numeric Navigation
    • Multiple Slides???.

    Read More       Demo

    Making a Flickr-powered Slideshow in jQuery

    Looper js

    Today we will be developing a jQuery plugin that will make it easy to create slideshows, product guides or presentations from your Flickr photo sets. The plugin will be using Flickr???s APIs and YQL to fetch the photos in the sets, after which it will create the markup of the slideshow and listen for events.

    Today we will be developing a jQuery plugin that will make it easy to create slideshows, product guides or presentations from your Flickr photo sets. The plugin will be using Flickr???s APIs and YQL to fetch the photos in the sets, after which it will create the markup of the slideshow and listen for events.

    Read More       Demo

    Build a jQuery content feature like MailChimp

    Looper js

    In this tutorial Ashley Ford on Papermashup will teach how to build an attractive full page content feature slider plugin (similar to the MailChimp slider) ??? by using the jQuery Cycle plugin which allows you to rotate, paginate or cycle a set of images.

    In this tutorial Ashley Ford on Papermashup will teach how to build an attractive full page content feature slider plugin (similar to the MailChimp slider) ??? by using the jQuery Cycle plugin which allows you to rotate, paginate or cycle a set of images.

    Read More       Demo

    Barack Slideshow in jQuery

    Looper js

    BarackSlideshow is a very tiny and lightweight slideshow script, that takes the power of MorphList to enhance visualization and navigation of the images

    BarackSlideshow is a very tiny and lightweight slideshow script, that takes the power of MorphList to enhance visualization and navigation of the images

    Read More       Demo

    Create an Image Rotator with Description in CSS & jQuery

    Looper js

    An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

    An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

    Read More       Demo

    jQuery Roundrr ??? How To Create Circular Image Galleries With jQuery

    Looper js

    I???m going to introduce you to some of the concepts involved in getting the coordinates we need to plot our image galleries around a shape and in part 2 I???ll introduce you to jQuery Roundrr plugin I wrote that will allow you to easily create interactive event-based galleries using jQuery and a little CSS.

    I???m going to introduce you to some of the concepts involved in getting the coordinates we need to plot our image galleries around a shape and in part 2 I???ll introduce you to jQuery Roundrr plugin I wrote that will allow you to easily create interactive event-based galleries using jQuery and a little CSS.

    Read More       Demo

    jQuery UI CoverFlow 2.0

    Looper js

    I would like to show you how to create and use a jQuery UI CoverFlow component powered by $.widget and CSS3 transforms. It???s highly extensible, supports click, keyboard and mousewheel interaction.The iTunes CoverFlow effect is one of my favorite user-interface patterns ??? it???s excellent for navigating around large collections of images (or data represented by images) and I thought it would be of great benefit to put out an updated version of this component out there.

    I would like to show you how to create and use a jQuery UI CoverFlow component powered by $.widget and CSS3 transforms. It???s highly extensible, supports click, keyboard and mousewheel interaction.The iTunes CoverFlow effect is one of my favorite user-interface patterns ??? it???s excellent for navigating around large collections of images (or data represented by images) and I thought it would be of great benefit to put out an updated version of this component out there.

    Read More       Demo

    Pull Out Content Panel with jQuery

    Looper js

    We will create a content panel that slides out at a predefined scroll position. It will reveal a teaser with related content and it can be expanded to full page size to show more. A custom slider allows to scroll through many items in the panel.Depending on how many items can fit to the user???s screen, we will adapt the item container in order make the maximum number of items fit, centering it horizontally.

    We will create a content panel that slides out at a predefined scroll position. It will reveal a teaser with related content and it can be expanded to full page size to show more. A custom slider allows to scroll through many items in the panel.Depending on how many items can fit to the user???s screen, we will adapt the item container in order make the maximum number of items fit, centering it horizontally.

    Read More       Demo

    jQuery iTunes Like Slide Show Gallery

    Looper js

    This example is not really the same like iTunes gallery like in the image left, but at least the basic behavior almost the same, I have played with JQuery UI Slider and Rotate3Di plugin.Actually I modified thejQuery UI slider scroll pane example.

    This example is not really the same like iTunes gallery like in the image left, but at least the basic behavior almost the same, I have played with JQuery UI Slider and Rotate3Di plugin.Actually I modified thejQuery UI slider scroll pane example.

    Read More       Demo

    Compact News Previewer with jQuery

    Looper js

    We will create a news previewer that let???s you show your latest articles or news in a compact way. The news previewer will show some list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left is clicked, the preview will slide in.

    We will create a news previewer that let???s you show your latest articles or news in a compact way. The news previewer will show some list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left is clicked, the preview will slide in.

    Read More       Demo

    How to Make Auto-Advancing Slideshows with jQuery & HTML5

    Looper js

    One of the most requested improvements over the tutorials presented on this site, when it comes to slideshows, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial we are going to make our HTML5 Slideshow auto advance with a few lines of jQuery.

    One of the most requested improvements over the tutorials presented on this site, when it comes to slideshows, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial we are going to make our HTML5 Slideshow auto advance with a few lines of jQuery.

    Read More       Demo

    jQuery Expand Stacked Images Using Slider with Demo

    Looper js

    This time the post will show how to expand the stacked images with jquery, for the illustration, there is a stack of images that have very small margin between each image, and the slider have a function to make the margin larger, really easy to imagine right? Now to make it look stacked I???m using jquery plugin, the rotate3Di and of course the jQuery UI slider.

    This time the post will show how to expand the stacked images with jquery, for the illustration, there is a stack of images that have very small margin between each image, and the slider have a function to make the margin larger, really easy to imagine right? Now to make it look stacked I???m using jquery plugin, the rotate3Di and of course the jQuery UI slider.

    Read More       Demo

    jQuery Moving Tab and Sliding Content Tutorial with Demo

    Looper js

    Learn how to build a lava lamp tab and sliding content all together with just simple jQuery code. This script is good for sidebar that display recent posts, comments and community news.

    Learn how to build a lava lamp tab and sliding content all together with just simple jQuery code. This script is good for sidebar that display recent posts, comments and community news.

    Read More       Demo

    Fancy jQuery Sliding Form with Demo

    Looper js

    We are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access ??? it basically works like a slide show, just that we have fieldsets of a form instead of images.

    We are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access ??? it basically works like a slide show, just that we have fieldsets of a form instead of images.

    Read More       Demo

    jQuery Portfolio Zoom Slider with Demo

    Looper js

    In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the amazing Cloud Zoom plugin and the elegant Fancybox plugin.

    In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the amazing Cloud Zoom plugin and the elegant Fancybox plugin.

    The idea is to give the user the option to view details of a portfolio item by zooming it on hover, and to allow a full view by clicking. Moreover, we want to have a couple of images for each item, hence we will create a slider.

    Read More       Demo

    Flip! jQuery plugin with Demo

    Looper js

    Flip is a jQuery plugin that will flip easily your elements in four directions.

    Flip is a jQuery plugin that will flip easily your elements in four directions.

    Read More       Demo

    Supersized 3.0 jQuery Plugin with Demo

    Looper js

    Supersized 3.0 ??? Full Screen Background & Slideshow jQuery Plugin.Resize images to fill the entire browser window while maintaining proportional dimensions.Fullscreen slideshow complete with transitions, navigation, captions, and preloading.Integrate with existing sites or create your own portfolio gallery.

    Supersized 3.0 ??? Full Screen Background & Slideshow jQuery Plugin.Resize images to fill the entire browser window while maintaining proportional dimensions.Fullscreen slideshow complete with transitions, navigation, captions, and preloading.Integrate with existing sites or create your own portfolio gallery.

    Read More       Demo

    AviaSlider jQuery slideshow Plugin with Demo

    Looper js

    AviaSlider is a jQuery slideshow plugin with unique 8 transition effects.Lots of easy to set options to create your own effects.Included Image preloader.Autoplay that stops on user interaction???.

    AviaSlider is a jQuery slideshow plugin with unique 8 transition effects.Lots of easy to set options to create your own effects.Included Image preloader.Autoplay that stops on user interaction???.

    Read More       Demo

    Collapsing Site Navigation with jQuery

    Looper js

    We will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom. Clicking on one of the submenu items will make the whole menu collapse like a card deck and the respective content area will slide out.

    We will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom. Clicking on one of the submenu items will make the whole menu collapse like a card deck and the respective content area will slide out.

    Read More       Demo

    Sweet Thumbnails Preview jQuery Gallery with Demo

    Looper js

    In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail. The idea is to hover over the slider dots and make the regarding thumbnail slid???

    In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail. The idea is to hover over the slider dots and make the regarding thumbnail slid???

    Read More       Demo

    Thumbnails Preview Slider with jQuery

    Looper js

    In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make the preview slider work separately from the full image view, we decided to make a tutorial on how to use the little thumbnails preview part only.

    In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make the preview slider work separately from the full image view, we decided to make a tutorial on how to use the little thumbnails preview part only.

    Read More       Demo