RoyalSlider Demo: Content Slider

  • Content Slider

    You can place HTML content on each slide, touch navigation still works. Also you can disable mouse navigation completely or just for specific elements:

    Non-draggable element Draggable element
  • Slider is tested on iPad, iPad 2, iPhone 4, HTC Desire and Blackberry PlayBook.
    If you've found that something works incorrect on your device, so please contact me using contact form on my profile page and I'll try to fix it asap.


	jQuery(document).ready(function($) {
		var sliderInstance = $('#content-slider').royalSlider({
	  		directionNavEnabled: true,
			directionNavAutoHide: false,
			welcomeScreenEnabled:false,
			imageAlignCenter:true
	    }).data('royalSlider');   				
		$("#button-id").click(function() {
			sliderInstance.next();
		});
	});