Professional Image Gallery

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

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