Browsing articles tagged with " SLIDER"
Feb
20

The jQuery Slider Plugin with Infinite Style

By Vinod  //  All, Gallery, Javascript  //  1 Comment

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
Nov
3

Slider.js : Slideshow with jQuery, CSS Transitions and Canvas

By Vinod  //  All, Gallery, Javascript  //  1 Comment

Slider.js is an easy-to-use customizable Javascript library to create image slideshows.

Slider.js relies on latest web technologies: the power of CSS Transitions to perform awesome and efficient effects and the HTML5 Canvas to perform some non trivial transitions.

 

Basic features

  • Each slide displays the image, but can also have a text caption and a link.
  • Slides navigation (pages, next, previous)
  • Load images before starting the slider.
  • Load the slider photos with a JSON object (distant or local).
Apr
8

Slider Kit – sliding contents with jQuery

By Vinod  //  All, Javascript  //  1 Comment

The purpose of Slider Kit is to gather common slideshow-like jQuery functionalities (such as news sliders, photos galleries/sliders, carousels, tabs menus) into one light and flexible plugin combined with ready-to-use CSS skins.

Features

  • Content slider with modular elements
  • Multiple navigation controls: buttons, mousewheel, image click, keyboard (beta)
  • Vertical/Horizontal navigation clip
  • Vertical/Horizontal panels slide
  • Auto scrolling / Circular scrolling
  • Fading and sliding transitions effects
  • Easing on transitions
  • Slider Kit generates a minimum of inline CSS. The whole skin is CSS-made
  • Light weight: < 8 Ko (minified)

Compatibility

  • Internet Explorer 9: yes
  • Internet Explorer 8: yes
  • Internet Explorer 7: yes
  • Internet Explorer 6: yes
  • Firefox: yes (tested on v3.6.1 & v4)
  • Chrome: yes (tested on v9.0.597.107)
  • Safari: yes (tested on v5.0.2)
  • Opera: yes (tested on v11.01)
Nov
16

Hash-Slider – This jquery slider

By Vinod  //  All, Gallery, Javascript  //  1 Comment

simple jquery hash-slider

This 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. I was searching for a script like this for a while but didn’t find one and so a decided to make one myself.

Nov
5

Choco-Slider- a very tasty jQuery Plugin

By Vinod  //  All, Gallery, Javascript  //  1 Comment

Choco-Slider is a lightweight (~7kb) and flexible jQuery image slider plugin .

Features:

  • Lightweight
  • Flexible
  • Customizable
  • Released under MIT license
  • Compatible with Firefox 2 +, IE 6 +, Google Chrome 3 + and Opera 9 +
Sep
4

bxSlider – jQuery content slider plugin

By Vinod  //  All, Gallery, Javascript  //  1 Comment

bxSlider is a jQuery content slider plugin that is light weight and easy to use.

Features:

  • horizontal and vertical slide movement
  • auto mode
  • start / stop controls
  • previous / next controls
  • numeric navigation
  • continuous ticker mode
Aug
27

Safari style jQuery Slider plugin

By Vinod  //  All, Javascript  //  1 Comment

jQuery Slider is easy to use and multifunctional jQuery plugin.

Jul
13

Maps Slider with Google Maps JavaScript API V3

By Vinod  //  All, Javascript, Tutorials  //  1 Comment

In given article Chris Coyier will shows you how you can create Maps Slider using Google Maps JavaScript API V3 in easy way.

Google Maps has a JavaScript API now in it’s third version. Version 3 of API is especially designed to be faster and more applicable to mobile devices, as well as traditional desktop browser applications.

May
25

COIN SLIDER jQuery Image Slider with Unique Effects

By Vinod  //  All, Gallery, Javascript  //  No Comments

Features

  • Unique transition effects
  • Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
  • Valid markup
  • Flexible configuration
  • Auto slide
  • Navigation box
  • Lightweight (8kb only)
  • Linking images
  • Free to use under MIT licence
  • Fully customizable using CSS