Ninja Slider / Posts /

Full size images for the image slider

4
How can I make the images 100% width and height regardless of ratio when I use Ninja Slider?
Xriuk  10 years ago   viewed: 10608    

4 Answers

1

Solved. Just edited the JavaScript. You replace every "contain" with "cover".

Xriuk   10 years ago
0

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?

Milo   9 years ago
0

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?

Jon   5 years ago
0

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

Milo
  5 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • 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;

  • When you want to start a new page for your question:
▲