Solved. Just edited the JavaScript. You replace every "contain" with "cover".
Solved. Just edited the JavaScript. You replace every "contain" with "cover".
You don't need to touch the javascript. Just add inline style, style="background-size:cover;", to the markup as shown in my first post above.
Please also read How to customize a specific position and size for a responsive image in the slider?
I am trying to get my images to fill up the whole space with no black border around. Is that the same thing as the question above? I have tried adding background-size:cover; to the <li>. But that doesn't work.
How do I accomplish this?
You should add your background-size setting to the <a> instead of the <li>. For details please read the aspectRatio setting in the "2. Javascript" section in http://www.menucool.com/responsive-slider
If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;
If your question is related to the Ninja Slider, click:
Ask new question: Ninja SliderOtherwise navigate to one of the following forum categories, and post your question there.
##