Ideal Image Slider Javascript Plugin

Ideal Image Slider Javascript Plugin

Ideal Image Slider Javascript Plugin

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

Features:

  • HTML5 & SEO friendly
  • CSS3 powered transitions
  • Touch-enabled navigation
  • Fully responsive
  • HiDPI (retina) support
  • ARIA support

Quick Start

<html>
<head>
<!-- Include slider and theme CSS files -->
<link rel="stylesheet" href="ideal-image-slider.css">
<link rel="stylesheet" href="themes/default/default.css">
</head>
<body>
<!-- Create your slider and add images -->
<div id="slider">
<img src="img/1.jpg" alt="">
<img data-src="img/2.jpg" src="" alt="">
<img data-src="img/3.jpg" src="" alt="">
</div>
<!-- Include slider JS file -->
<script src="ideal-image-slider.js"></script>
<!-- Create your slider -->
<script>
new IdealImageSlider.Slider('#slider');
</script>
</body>
</html>

Demo | Download

Kwicks – sexy sliding panels for jQuery

Kwicks - sexy sliding panels for jQuery

Kwicks - sexy sliding panels for jQuery

Kwicks for jQuery is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component.

Kwicks is a fundamentally visual and interactive UI component, so the easiest way to understand what it is and how it works is to see it in action.

Demo | Download

BeaverSlider – jQuery image Slider Plugin

BeaverSlider - jQuery image Slider Plugin

BeaverSlider - jQuery image Slider Plugin

As far as you are here, perhaps, you’ve spent lots of time to find a jQuery image gallery you’d really like to use. At the moment there are many JavaScript / jQuery galleries you can find in the Internet but we hope this one you will like the most.

We provide you with an absolutely free jQuery-based image slider for JavaScript (free for personal and commercial use) called BeaverSlider. Even if you are not a friend of JavaScript or jQuery, you should be able to use BeaverSlider ( jQuery image Slider Plugin) .

Key features of the slider

BeaverSlider is very flexible and, in the same time, customizable image gallery. It has everything you need:

  • 3 gallery types: carousel, slider, zoomer, see documentation to learn about every type
  • 41 fully customizable effect types in combination with smoothness and delay setup provide you in total with unlimited effects list
  • dynamic message box over a slider, which could be animated as well
  • player control and JavaScript methods to trigger its events
  • 2 types of bottom control panel
  • accepts custom CSS classes
  • provides you with JavaScript events handlers which have full access to methods and attributes of a slider
  • has a controller for multiple sliders: BeaverHouse
  • only pure JavaScript and jQuery – no Flash

Compatibility of the slider

BeaverSlider is a jQuery image gallery Slider which is fully compatible with all modern browsers (Internet Explorer – starting from 7th) and all image types they support.

Demo | Download

 

 

Javascript Image Slider with 17 transition effects

Javascript Image Slider with 17 transition effects

 

Javascript Image Slider with 17 transition effectsBasic Features

  •     Pure Javascript ( non jQuery, non flash ) Why jQuery is not used in our script?
  •     Lightweight (16kb)
  •     HTML captions
  •     17 transition effects, customizable
  •     Easy to tweak through Javascript option variable and CSS
  •     Support linking images
  •     Slider starts on DOM ready (DOMContentLoaded) instead of the delayed window.onload
  •     Can set starting slide (by any index number, or random/shuffle)
  •     Supported by all major browsers cross browser compatible

Demo | Download

Coverflow – A jQueryUI powered CoverFlow component

Coverflow - A jQueryUI powered CoverFlow component

Coverflow - A jQueryUI powered CoverFlow component

The Coverflow project seeks to create a fully functional ‘CoverFlow’ effect using a combination of jQuery, jQuery UI components and CSS3 transforms.

Features:

  •     highly optimized animations
  •     auto-detects browser rendering capabilities
  •     provides a 3D rendering mode with a 2D fallback
  •     momentum swipe support (based on external libs, offically supported are jQuery mobile and Hammer.js)
  •     mousewheel support
  •     legacy browser support down to Internet Explorer 8
  •     with good code coverage

Demo | Download

jQuery Scrollbox – scroll a list of html elements like a carousel slider or traditional marquee

jQuery Scrollbox - scroll a list of html elements like a carousel slider or traditional marquee

jQuery Scrollbox - scroll a list of html elements like a carousel slider or traditional marquee

jQuery Scrollbox is a lightweight plugin that enables you to scroll a list of html elements (text, image, etc…) like a carousel slider or traditional marquee.

Features

  •     Simple and lightweight
  •     Vertical and horizontal scroll
  •     Auto play
  •     Multiple instances on one page
  •     Pause on hover over
  •     Useful options to customize your list scrolling
  •     Prev / Next navigation buttons
  •     Queue container for advanced usages

Demo | Download

Util Carousel – Utility responsive jquery carousel plugin

Util Carousel – Utility responsive jquery carousel plugin

Util Carousel – Utility responsive jquery carousel plugin

Util Carousel is a fully responsive jQuery carousel plugin with super smooth hardware accelerated transitions.It is responsive witch support both ‘breakpoints’ and ‘itemwidthrange’. And it is touch-enabled with css3 3d hardware acceleration, so it is super smooth both on desktop and mobile. Touch, drag, pagination control, navigation control, mousewheel are all enable to navigate UtilCarousel. There areover 9+ ready to use skins/templates, over 24 options, 7 callbacks and 8 developer apis you can build you carousel easily.

Features

  •     Fully responsive in tow mode: breakpoints and item width range.
  •     Super smooth hardware accelerated CSS3 transitions with jQuery fallback.
  •     Touch , drag , mousewheel , pagination , navigation all enable.
  •     9+ builded in modern skins , ready to use and easy to customize!
  •     Touch-enable ,Works in IE7+(the skins work on ie8+) and on Android and iPhone
  •     Over 24 plugin options.
  •     Developer aip and callbacks.
  •     Unlimited carousels that can have any content.
  •     Advanced options for responsive (itemless,itemWidthRangeConflict,rangeCaculate).
  •     Autoplay supported.
  •     Scroll per page supported.
  •     Rewind carousel items supported.
  •     Options for customize animate speed.
  •     Lightbox to show image and videos(YouTube / Vimeo).
  •     SEO friendly, content is not hidden.
  •     Free support and updates.
  •     Step-by-step guide to help you with usage and customization.
  •     New : Add CSS3 animation to item.
  •     New : Support image lazy load.
  •     And more …

Demo | Download