Ken Burns effect not showing whole image

  • So I have a wide thin banner, in which I am displaying a large square image. The Ken Burns effect works, except that it never show the bottom of the image. eg.
    https://pasteboard.co/aQF6nKezb.jpg

    It would be nice if the start and end positions could be
    (a) anywhere on the uploaded images
    (b) could be specified

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author pressfore

    (@pressfore)

    Hi again,

    Interesting thought. I think that I saw positioning in effect with zooming in some slider, but really can’t remember of a example with ken burns. This effect is working with the aid of css scaling, so image needs to be bigger then holding container and while scaling, some parts of the image will be clipped, and screen size is playing another part in here. In our plugin, following script is adapted https://www.cssmojo.com/ken-burns-effect/ and if you check scaling https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale it is very clear that even when smallest scaling is used some clipping will occur. Your point is just fine for being able to specify amount of scaling and direction but clipping of image is inevitable. Achieving this will require a lot of work since attributes needs to be set for each slide separately, but global option is certainly easier. I’ll add this as a feature request but really can’t give you any promise at this time.

    Bests,
    PressFore

    Thread Starter iantresman

    (@iantresman)

    I see the issue with clipping. I guess it is all about how the two start and end rectangular viewports are calculated, such that they can’t break out of the image, and the difference in size is no more than the zoom factor. Placing two rectangles inside the bigger main image, should be fairly straightforward, but may be constrained by the cssmojo script.

    Interestingluy, the cssmojo seems to fade to image, rather than fade to background, but that’s another issue!

    Thank your for your consideration.

    Plugin Author pressfore

    (@pressfore)

    Hi again,

    Images are set as background not as img elements, that is the problem for setting them to be contained within holding container. If you are just showing image without any text inside, you can choose Responsive layout from slider options https://www.screencast.com/t/ls0tu24bW and then you can set images for this layout which will be loaded as images – over img tag.

    For fading to image, it is indeed default behavior, but animation is slightly modified because users often want “easier” transition between slides, but since there was another request for fading to images we will definitely consider implementing it.

    Best Regards,
    PressFore

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Ken Burns effect not showing whole image’ is closed to new replies.