More Demos: sliders bootstrap, AI Website Builder, HTML slider, Slick carousel, Bootstrap carousel, HTML slideshow, CSS Slideshow, jQuery carousel, Image carousel
Q: I am interested in purchasing the wowslider for use on my website. I am panning to use the Ken Burns effect.
Can you tell me how much larger I need to create the images so that they remain their original size when using the Ken burns effect and it pans across them.
For instance, if I use a default setting like 960 x 350 pixels for the size of the slider, how large should each of the original slides be so that the slider isn't resampling them.
Is this determined in percentages, e.g. make the dimensions 10% or 15% larger than the display size of the slider? For instance, to display with Ken Burns panning does a slide going in a 960 x 350 slider need to be 1056 x 385 or perhaps 1104 x 403 or something else?
A: You can edit "sctipt.js" file manually in any text editor (for example, Notepad).
Find following line:
paths:[{from: [0, 0, 1], to:[0, 0, 1.2]}, {from: [0, 0, 1.2],to:[0, 0, 1]},...
where [0, 0, 1] - [X,Y,Ratio]. So, to see whole image last parameter should have value "1" for "from" part (you'll see whole image at the beginning of transition) or for "to" part (you'll see whole image at the end of transition).