Compatibility

mightySlider works in every desktop browsers. IEs lower than 9 are not officially supported and fully compatible with Tablet and Mobile devices.

Mobile

mightySlider was made to not only look and behave great in the latest desktop browsers (as well as IE8!), but in tablet and smartphone browsers as well.

Performance

In an attempt to achieve the most responsive experience with smoothest animations possible a lot of emphasis is placed on performance.

mightySlider has a custom high-performance animation rendering based around the Animation Timing Interface written directly for its needs. This provides an optimized 60 FPS rendering, and is designed to still accept easing functions from jQuery Easing Plugin.

The animation of slides is done by GPU accelerated translate transforms, which rapidly increase the rendering speed in browsers that support it, with absolute positioning fallback for those that don't.

Helping with minimizing the frequency of frame drops due to inevitable JavaScript garbage collection are code optimizations that lower the garbage generation to a reasonable minimum.

To provide a super responsive & smooth synchronization when dragging the slider, mightySlider uses a destination based animation function controlled by a synchronization factor instead of a duration based (tweening) animations that are unsuitable for this type of use case, and lead to a choppy, and unpolished experience.

Responsive

mightySlider has unique responsive features with Cross-browser and Cross-Devices support, fully compatible with Tablet, Desktop and Mobile. The layout of the components are scaled according to resolution of the device, thus more consistent regardless of the device.

Deep-Linking

mightySlider is bookmarkable and also supports deep linking. Makes URL change automatically when you select slides and you can easily link to specific slide with hashtag. IDs are adjustable and SEO-Friendly. Deep linking is also supported with multiple sliders instances on the same page.

View example »

Multiple Instances

Multiple instances are allowed on one page and different themes and options can be set without any conflict.

SEO-friendly

All content is always accessible to search engines and the markup is semantically correct to help you achieve the best possible SEO-friendly results even without JavaScript disabled.

Autoplay Support

Automatically animate through Slides when visitors arrive on your website. You can set interval time of autoplay and optional stop on hover/click (smart autoplay).

Smart lazy-loading

mightySlider loads nearby cover images in background, so users don't need to wait each time and images are available instantly.

Animated Blocks

Sliders can contain blocks of HTML that appear after slide transition. You can define animation frames for captions and animate them as what you wish.

View example »

Native Fullscreen

mightySlider supports fullscreen mode that make whole slider fullscreen.

Video support

YouTube or Vimeo can be added to any slide. Video will not append into slide and doesn't load heavy iframe until required. Also, there are API and instructions about how to add another video source via HTML5 and fallback to QuickTime.

You can use your player as default player for video slides also.

View example »

500px, Flickr & Instagram Integration

Sometimes you don’t want to upload images manually, you would rather pull them from your favorite image service. mightySlider integrates with 500px, Flickr & Instagram so you can automatically pull your latest mug shots from Instagram, get images from Flickr tagged “beach”, etc. You get the idea.

View example »

User-friendly

Doesn't block vertical scrolling, doesn't block default browser zoom, works if javascript is disabled, allows navigating as fast as user wants (doesn't block navigation), has options to disable mouse/touch drag for slides and thumbnails.

Auto image scaling

Covers can "fit into area", "fill the area", "centralize" or "stretch into area".

Documentation

Fully documented and step-by-step guide provided to help you get up and running with mightySlider.

Unminified Source

You get unminified version of JS code and nicely organized CSS files, so feel free to modify them to fit your needs.

Lifetime Support and Updates

Free lifetime support to help you if something went wrong. Provided by direct script developers, nothing is outsourced.

mightySlider is now in its 1st version, and each of these updates has been free. mightySlider is always under development - new templates, features coming soon.