Thursday, April 17, 2014

RoyalSlider - Touch-Enabled Image Gallery and Content Slider Plugin

RoyalSlider - Touch-Enabled Image Gallery and Content Slider Plugin

RoyalSlider is a powerful image gallery and content slider plugin.
Script is available as jQuery and as WordPress plugin, view WordPress version features.
Every slider template is responsive and touch friendly. Take a look at it in your mobile device or try to resize your browser to see the effect.

View all slider templates ▸





Features of jQuery version

  • Modular

    Script architecture allows you to create your own version of the script using online tool and include in build only features that you need.
  • Touch-friendly

    Touch navigation for slider and thumbnails, vertical or horizontal.
  • Responsive down to mobile

    Size of slides and thumbnails can be dynamically changed (all sliders on this site are responsive).
  • HTML content in slides and thumbs

    Any content can be inserted inside each slide and thumbnail. Links are automatically blocked when dragging, inputs are handled too.
    View content slider ▸
  • Super customizable

    50+ js options, 4 skins with photoshop files, 9 pre-built templates (and more coming). Everything can be customized and dynamically resized via CSS.
  • Semantic and SEO friendly

    All images are visible to search engines. Slider requires as low markup as possible. Tag names can be changed (slider can be created from an unordered list, as well as from a list of divs).
  • Smart Autoplay

    Auto slideshow that wait until image is loaded, and has an option to stop at first user action or pause on hover.
  • Smart lazy-loading

    Gallery loads nearby images in background, so users don't need to wait each time and images are available instantly. You may set how many images to preload in options.
  • Animated Blocks

    Slider can contain blocks of HTML that appear after slide transition using the fade or move effects. Provided as a module, and can be easily removed from build to save performance.
    View example ▸
  • Native Fullscreen

    Slider supports fullscreen mode and automatically loads larger images in it.
    View fullscreen gallery ▸
  • Video support

    YouTube or Vimeo can be added to any slider. Video is hidden under the image placeholder and doesn't load heavy iframe until required. Also, there is an API and instructions to add another video sources. Provided as a module.
    View video gallery ▸
  • 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.
  • Permalinks (deeplinking)

    You may link to each slide from address bar by adding #hash to the end of URL. Optionally you can make URL automatically change when slide changes.
    Gallery with permalins ▸
  • Thumbnails, tabs or bullets

    Thumbnails are controlled by swipe gestures, can be positioned verticaly or horizontaly and resized separately from main slider area.
    View gallery ▸
  • Auto image scaling

    Images can "fit into area", "fill the area", "fit area only if image is smaller" or don't scale at all.
  • Unminified Source

    You get unminified version of JS code and nicely organized CSS files. You're free to modify any source files to fit your needs.
  • Lifetime Support

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

    Slider is now in its 9th version, and each of these updates were free. Plugin is always under development, feel free to request new modules or templates.

For developers:

  • Cross-platform & cross-browser

    Slider works and has been tested on IE7+, iOS, Opera Mobile, Android 2.0+, Windows Phone 7+, BlackBerry OS and even black&white Kindle Keyboard browser :). Uses future-friendly feature detection (for CSS3 3d transforms and rAF). Since 9.3.5 RoyalSlider also supports touch navigation in IE10 using pointer API.
  • CSS3 animations

    Slider uses CSS3 transitions with fallback to animate everything: slides, thumbnails and blocks. While dragging it uses requestAnimationFrame.
  • Memory management

    Gallery keeps only a few slides in display list and doesn't use "cloning" technque to save memory on mobile devices.
View pricing or View demos

41653 licenses sold with avg. 4.7/5 stars rating based on 3346 reviews, since summer 2011.
(data from HTML and WP versions, at 17 Feb 2014)

0 comments:

Post a Comment