RoyalSlider – Touch-Enabled jQuery Image Gallery

RoyalSlider is easy to use jQuery image gallery and content slider plugin with animated captions, responsive layout and touch support for mobile devices. As navigation you can use thumbnails, tabs or bullets. Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. Developed in best practises of HTML5, CSS3 transitions are used for all animations (with fallback).

 

RoyalSlider – Touch-Enabled jQuery Image Gallery

LIVE PREVIEW

RoyalSlider – Touch-Enabled jQuery Image Gallery

RoyalSlider – Touch-Enabled jQuery Image Gallery

RoyalSlider – Touch-Enabled jQuery Image Gallery

RoyalSlider – Touch-Enabled jQuery Image Gallery

RoyalSlider Features – LIVE PREVIEW

Check out plugin review by DailyJS if you have questions about code quality or visit RoyalSlider website for full feature list.

  • Touch navigation support for iOS, Android, IE10 (Windows 8), Blackberry and other.
  • Animated HTML captions with custom effects (fade, move top, move right…).
  • Smart lazy loading – loads nearby images in background, so users don’t need to wait each time and images are available instantly. You may set how much images to preload in options. Can be disabled.
  • Super smooth hardware accelerated CSS3 transitions for supported touch devices. Tested on iPad, iPad 2, iPhone 4, HTC Desire and Blackberry PlayBook.
  • Native browser fullscreen support.
  • Memory management – keeps only a few slides in display list.
  • YouTube & Vimeo videos in slides.
  • Deep linking – link to specific slide from URL.
  • Adjustable speed, transition and easing for each caption or slide.
  • Static content for each slide is allowed. View demo with static content.
  • Move or fade transition for slides.
  • All starter templates are responsive down to mobile. Thumbnails and slides can be dynamically resized..
  • Slides with a speed of swipe.
  • Ability to remove drag navigation using mouse.
  • SEO optimized and semantic, images are indexable, completely any tag names for markup, captions can use any tag you want (“h1”, “h2”, “p”…).
  • Auto slideshow with optional pause on hover.
  • Public methods, properties and callbacks (go to slide, play slideshow e.t.c.). Includes methods todynamically add or remove slides.
  • Set start slide index and spacing between slides.
  • Slider can be put inside lightbox script, like ColorBox or Fancybox. View slider in lightbox example.
  • Can be easily loaded using ajax, has destroy() method.
  • Customizable interface (add/remove arrows, bullets).
  • ThumbnailsTabs or bullets for navigation.
  • Thumbnails scroller controllable by swipe gestures and advanced navigation logic to improve user experience. Can contain any HTML inside.
  • Thumbnails can be positioned vertically or horizontally and can be resized separately from slider.
  • Multiple sliders allowed on one page.
  • Custom scale mode for images. (fit into area, fit into area only if image is smaller, fill area, or do nothing)
  • Compatible with all major browsers (including IE7 to IE9, Chrome, Firefox, Safari and Opera)
  • Photoshop (.psd) files of skins included.
  • Any HTML content can be placed inside slide.
  • Extended HTML documentation.
  • Free support and upgrades.

Don’t struggle alone with projects

Join the creative community of UX, graphic, web designers and developers to get help with any design or dev project.


You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *