How to move an image on the site depending on its width and height?

Question

JavaScript

Greetings friends! There is a task from the customer to make a website as in the attached picture below.

The bottom line is that the image on the site will be of different heights and widths, and depending on these parameters, the image should move either left - right, or up - down (the minimum side of the image is stretched by 100%, and the maximum one moves). If a person clicks on the arrows or scrolls with the mouse wheel, the picture changes to another one, respectively, and its size can also change, and the script should move another picture depending on these parameters. How to do it? I understand that you need to dig in the direction of Jquery, but maybe there are already ready-made options? If they are not there, what to google on this topic to do it yourself. Thanks in advance for your replies.

Answer 1

Here is an excellent plugin for jquery owlgraphic.com/owlcarousel I think it will suit you with a little refinement.

Answer 2

To move the picture, this might work for you: matthew.wagerfield.com/parallax