📄️ Fade transition on transparent background
RoyalSlider has a fade transition that animates opacity of one image at once, the second image is simply removed when the transition is finished. This is done to optimize performance and make the animation look more smooth. If you removed the background from the slider, you might see a portion of next slide during the transition.
📄️ HTML page with simple slider
This dummy HTML page might be helpful if you're new to HTML, CSS, or JavaScript and you don't know where to put code.
📄️ Incorrect height of slide with enabled autoHeight option
If you have images in slide that don't have rsImg class and don't have fixed size, slider won't be able to calculate a height of slide properly, as you can not get the size of an image that isn't loaded.
📄️ Slider content appears for a second before initialization
The content that you see is how your slider looks if JavaScript is disabled and it makes it visible for search engines and users without JavaScript.
📄️ Slider content area shrinks
If you initialize slider when it is not added to DOM (or hidden via display:none) it can not calculate size correctly, as it's impossible to retrieve the size of an element via JavaScript when it's not in a display list.