New RoyalSlider
-
Modular
Script architecture allows you to include 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 ▸ -
Highly 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.
-
Support forum
You may ask questions on support forum and browse knowledge base with many tutorials. Support is 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.