- Touch swipe navigation support for iOS (all versions), Android 2.3+, IE10, IE11, Blackberry and other OS and browsers that support touch or pointer events.
- Hardware-accelerated CSS3 transitions for devices.
- Any HTML in slides and thumbnails, everything is responsive and can be resized dynamically.
- YouTube and Vimeo videos in slide
- Smart lazy-loading — preloads nearby images.
- Memory management – automatically removes unused slides from DOM.
- Move or fade transition for slides.
- SEO optimized, even lazy-loaded images are indexed by search engines.
- Vertical or horizontal thumbnails, bullets or tabs for navigation.
- Responsive layout down to mobile.
- HTML blocks with custom effects (fade, move top, move right… or none).
- Image and/or HTML content for each slide.
- Full-screen feature with native HTML5 fullscreen support. Perfect for photo gallery where you want to show high-resolution photography.
- Multiple sliders per page is allowed, even with different skins.
- 4 unique skins that can easily be editable using CSS. Photoshop files included.
- Slider files are included only to posts where slider is used.
- Smart autoplay that pauses on hover and stops at first user action.
- Permalinks (deeplinking) that allows linking to any slide from URL
- Physics-based touch thumbnails image scroller that can be placed anywhere on page.
- Thumbnails can be scrollable in one line and should have same size. Tabs can have different size, but can’t be scrollable.
- Optional keyboard navigation and much more…
- IE10 touch support.
RoyalSlider is tested on Mac, PC, iPad 2, iPhone 4, HTC Desire, Lumia 920, Surface, Blackberry PlayBook and even on Kindle Keyboard . If you’ve found that something works incorrectly on your device, so please contact me through my profile page or open a ticket on support forum.
Admin area is designed to be simple for editors and customizable for developers.
- Easy to use admin area with default WordPress style and inline help.
- Simple embedding using shortcode, PHP function or via widget
- Bulk image uploading, works with WordPress 3.5 media manager.
- Sliders are automatically cached and will not slow down your website.</ii>
- There is an option to override default WordPress in-post gallery (
- Create stunning galleries in a few clicks that will grab images from your Flickr account
- RoyalSlider is fully integrated with NextGEN gallery plugin (both v2.0+ and v1.x).
- Slide markup editor allows creating your own markup for slide directly in plugin admin. There are 30+ variables like title, description, date, url, image…
- Animated blocks editor that allows adding responsive blocks — add blocks-captions to each slide and edit their content inline. Please note that this is not main RoyalSlider purpose and I recommend minimizing animation as much as possible to provide best experience for users on mobile devices.
- Set custom move and fade effects, duration, easing and delay for each animated block.
- Live slider preview in admin.
- Add images via WordPress media uploader or paste a url.
- Works with wp 3.3+ and php5. Slider admin page requires Chrome, Firefox, IE9+ due to usage of HTML5 technologies. Slider itself works in IE7+.
Real world usage:
All slider designs listed here are custom-designed and are copyrighted by their authors. List includes slideshows created both by HTML and WordPress version of Royal Slider.
- Art School Vets – great example of using custom font in caption.
- Oxford Summerfuel – simpler, but neat slideshows with text in thumbnails.
- Mr Porter – homepage carousel on e-commerce website.
- NYC.gov – homepage news carousel.
- Oak Design Studio – fullscreen slider to showcase studio projects.
- Silk Tricky – mini-galleries with custom CSS-animated content inside.
- Multiplayer.it – 3 images visible at once.
- Pep Karsten – beautiful photography, 100% width and height of window.
- Caiphotography.co.uk – great-looking custom skin with nearby images.
- Substrakt design studio – great example of using CSS transitions to add additional animation layers for elements in slider.
- Mappeditions.com – full width gallery.
- Foursonsinteriors.com – great example of using animated blocks.
- World Of Bessy.com – ecommerce, used as a homepage promo and as a product slider.
- ibrowsergame.it – simple, but functional example with thumbnails at right side.
- Diesel VECTR headphones campaign, full-screen gallery.
- Oriflame campaign (East Europe) – hotspots in slider.
- Ralph Lauren – homepage promo gallery.
- Userbra.in – just slideshows with animated blocks on site of design studio that makes great apps.
- Honda CRV campaign
- TEDx Copenhagen
- Peugeot 508 RXH campaign
[stextbox id=’files-demo’ caption=’Demo’]https://www.nullwebscripts.com/fmzm[/stextbox] [stextbox id=’custom-download’ caption=’Download’]https://www.nullwebscripts.com/hupx[/stextbox]