Thank tamer for your post.
To make your solution work, in addition to:
I found we also need to add/update the following CSS:
This responsive configuration only works for slide effects: 9,10,11,12,13, and it also has some defects such as it does not have a good support when you are resizing the window (If you know how to use the @media query in CSS, you can overcome this problem by setting a fixed slider width when in non-mobile devices, and a flexible 100% width for mobile phones).
To get the best responsive support, Ninja Slider is recommended.
The slider image is not scalable as the images in this slider will be used as background images. If you cannot make them the same size and really need to scale them, please try our Content Slider that will scroll the actual images(you can specify the image width in your stylesheet or inline style) and any HTML content.
Another option is to use our newly released product Ninja Responsive Slider.
The code is on the js-image-slider.js. it is possible however the author has not designed it to do that. Which is a little annoying. It is a feature that should be added as it limits the capability of this slider to static content.
the js adds the following at the end of the id="slider" div
style="background-image: url(http://img.youtube.com/vi/7QIVmHvqkEQ/maxresdefault.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat;"
The only thing that is needed in this is background-size:600px 337px for example. This should be added in to the slider as a variable so we can define this.
The project I am trying to do involves pulling youtube previews then I give a youtube ID. However youtube only has limited preview sizes so I am forced to scale the image. However the way this code is it is not currently possible without altering the .js file. I took a look at this and this would take a ling time as the code is all minifyed with variables defined as letters.
This is the only thing stopping me from using this slider which is frustating as it looks perfect for what I need.
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;