Как перемещать картинку на сайте в зависимости от её ширины и высоты?

Question

[Роман Денискин]

Приветствую друзья! Есть задача от заказчика сделать сайт как на прикреплённой картинке ниже.

Суть в том, что картинка на сайте будет разной высоты и ширины и в зависимости от этих параметров картинка должна перемещаться либо влево - вправо, либо вверх - вниз (минимальная сторона картинки растянута на 100%, а максимальная ездит). Если человек нажимает на стрелки или скролит колёсиком мышки, картинка меняется на другую, соответственно и её размер тоже может меняться и скрипт должен перемещать уже другую картинку в зависимости от этих параметров. Как это сделать? Понимаю, что копать нужно в сторону Jquery, но может быть есть уже готовые варианты? Если их нет, что гуглить по этой теме, чтобы сделать это самостоятельно. Заранее спасибо за ответы.

Answer 1

[Сергей Воронков]

Вот есть отличный плагин для jquery owlgraphic.com/owlcarousel думаю вам подайдет с небольшой доработкой.

Comments

[Роман Денискин]

Отлично) Спасибо. Думаю можно попробовать использовать её.

Answer 2

[Денис Инешин]

Чтобы перемещать картинку может вам подойдет это: matthew.wagerfield.com/parallax

Comments

[Роман Денискин]

Получается нужно эту функцию перемещения как то вырезать оттуда. Мне же нужно перемещать только в одну сторону картинку, да и перемещение будет осуществляться само по себе. Как называется эта функция перемещения? Даже не знаю как гуглить... Нет ли более узкого решения подобной задачи?

[Денис Инешин]

Роман Денискин: Все простые галереи что я видел не содержат никаких перемещений, например: fotorama.io

[Роман Денискин]

Денис Инешин: ну такое пожелание заказчика "чтобы ездило".

[Денис Инешин]

Роман Денискин: В целом задумка понятна, любой достаточно квалифицированный фронтенд-разработчик сделает такую штуку пол дня. Но готовых таких решений я не видел.

[Роман Денискин]

Денис Инешин: спасибо за ответы. Буду разбираться