Home → Knowledge Base → RoyalSlider jQuery Plugin FAQ →
How to remove extra space around the image?
Top and bottom gaps are here because image
"fits" in slide area. To remove it, make
your slider area dimensions match image dimensions (by changing CSS
size or autoScaleSlider option ratio).
Or change imageScaleMode to "fill".
Left and right gaps are caused by
imageScalePadding option. Which is minimum distance
from side of slide.
Learn more about image scaling in this article.
- Section:
- RoyalSlider jQuery Plugin FAQ
- Last Updated:
- 25 Jan, 2013 11:25 AM
Sending your feedback
Thank you!
- Slider Performance Tips
- How stretch slider to full browser width and height?
- How to remove extra space around the image?
- How to create whole slide with hyperlink?
- How to use another skin?
- How to position thumbnails, tabs or bullets above the slider?
- How to change image scaling?
- How to prevent dragging over specific elements?
- Why video is shifted on iPad.
- How to add multiple sliders to one page and style them differently?
- Adding width and height properties to images
Recent Discussions
| 26 Aug, 2021 05:11 AM | how to make button for full screen | |
| 24 Aug, 2021 06:02 PM | sliders with thumbnails behave different at same page | |
| 22 Aug, 2021 11:33 AM | [RoyalSlider Error] Incorrect RoyalSlider ID or problem with query | |
| 12 Aug, 2021 12:26 PM | 'Notice: Trying to access array offset on value of type bool' appearing frequently | |
| 10 Aug, 2021 10:21 AM | Vimeo URL rejected |