mightySlider

You can easily find open source sliders on the Internet that are 100 times better than many commercial sliders.

But that notion won't stand its ground anymore after you came across mightySlider, a very powerful, versatile, full-featured, fully-customizable, well-documented and absolutely beautiful content slider jQuery plugin.

This plugin can handle absolutely anything related to the term of "slider." From support for all known slider layouts, to support for videos, images and HTML content, mightySlider can work with anything you wish.

The plugin features an advanced programmatic API that allows developers to tweak a slider's composing parts and adapt them to whatever content you may want to display, and into whatever form you may want it to show up.

Besides this, the creator of mightySlider has taken into account the quite mobile-dominant Internet we live in today and has included support for responsive layouts, which in turn will allow any created slideshow to adapt and grow with the user's viewport.

mightySlider resizes and scales with the available free space, ensuring images and videos are displayed in their full beauty.

Besides this, another great mightySlider feature is its animation engine, which has a leg up on its competition being one of the few engines around built on W3C's Animation Timing Interface standard.

This makes mightySlider animations work very smooth, with support for hardware acceleration and powerful easing functions.

What is new in this release:

• Introduced:
• New mightySlider based plugin for adding nice & highly customizable circle time loaders for mightySlider.
• Preserve ratio layer for slides content.
• Implemented:
• Ken burns effect.
• staggerText feature to animated layers.
• Optimized:
• Hardware accelerated bug in Safari.
• Layers animations to use lower memory space & smoother animations.
• Parallax effect for being so smoother.
• Added:
• Callbacks support for mightySliderAnimate plugin.
• isInFreeze class for when slider is in freeze mode.
• New slider templates.
• Fixed:
• autoResize bug for when there is no slide to activate.

What is new in version 2.1.2:

• Introduced:
• New mightySlider based plugin for enabling transitional effects for mightySlider.
• Freezing slider to prevent wasting the memory & CPU when the slider is not in viewport.
• Chrome 31+ requirement if you want to use mouse wheel/trackpad scrolling.
• Scroll parallax feature.
• Protection against hijacking global scrolling.
• Added:
• New two slider templates.
• Optimized:
• Animation timing performance, mightySlider now 34% faster and smoother.
• Deep-linking performance.
• Covers to prevent other plugins to manipulate the images and prevent native image dragging in Firefox when mightySlider dragging is active.
• Parallax effect for being smoother with new options.
• 3D Parallax feature.
• Layers animations to prevent memory leaking.
• Layers startAtOnRepeat option. This option now supports time seek also.
• Media contents recognization with support for SSl enabled sites.
• Fullscreen API and now supports IE11 fullscreen API.
• Fixed:
• Crashing bug when easing functions is not available.
• Dragging overhaul. Fixes a lot of issues with touch dragging on mobile devices.
• Dragging navigation collisions in nested mightySlider instances with crossed directions.
• Adding .isTouch class for the slider.
• Start random bug when the cycling is available.

What is new in version 2.0.2:

• Optimized:
• Automated cycling feature.
• Fixed:
• Pause on hover feature bug for when automated cycling is enabled and video is on playing.
• Strange touch swipe on Android devices.

What is new in version 2.0.1:

• Fixed:
• Pause/Resume cycling when videos starts/ends.
• Frame close button in touch devices.
• Layers disappearing issue when slider moves to next slide and going back immediately.

What is new in version 2.0.0:

• Implemented:
• Multiple covers that gives you an option for set any specific cover image for any device resolution, orientation, pixel-ratio, etc.
• All slide content preloader for preloading all inner elements then show animated layers.
• New powerful animation engine for animated layers.
• Optimized:
• Slide positioning and navigating.
• Thumbnails navigation control.
• Automated cycling feature.
• Skins. They all are retina ready and images inserted via data URI.
• Added:
• Scrollbar navigation.
• Video background capability.
• 3D parallax layers. Fancy parallax effects by moving your mouse over slides or tilting your smart device equipped with a gyroscope.
• Video layers capability.
• onePage option. This option made slider just move one page per drag.
• preloadMode option. Preloading mode for slides covers that gives you three options for cover image and video preloading. Preload all (preload all cover images/videos after initialize), instant initialize (preload cover images/videos in sequence), and loads nearby (loads slides beside current slide).
• New event callbacks and properties to the API for providing better interface and experience customization.
• New skin paper.
• Fixed:
• Page generation for slide-based navigation.
• Locking perpendicular touch scrolling.

What is new in version 1.1.0:

• Implemented:
• Scrolling speed normalization between different browsers and input devices. Scrolling speed with mouse or MacBook trackpads should feel similar now.
• Optimized:
• Dragging initiation to be more responsive. You no longer need to drag a certain destination before dragging kicks in.
• Added:
• nteractive option. It is a selector to extend the pool of what should be considered an interactive element. mightySlider will now refuse to initiate dragging if source element is interactive. Meaning if you mousedown/touchstart on an input, button, textarea, or a select element, dragging won't start.
• swingSync option.
• Fixed:
• Hand full of bugs.

Requirements:

• JavaScript enabled on client side
• jQuery