Как сделать такой слайдер?

Question

[Odinokun]

Подскажите плз, как сделать вот такой слайдер (который с изображением велосипеда)?
Надо, что бы при клике на кнопку картинка сдвигалась на нужные координаты и в идеале, что бы эти координаты можно было менять через админку.

Answer 1

[bqio]

Делай его фоном и просто css`ом регулируй позицию и скейл.

Comments

[Odinokun]

Я так и планировал делать, но тут загвоздка в том, что таких страниц будет несколько и у клиента должна быть возможность самому задавать позицию на которую надо сдвигать картинку.

[bqio]

Ну тогда через клиент (JS) запрашивать позицию (etc) с сервера и через тот же JS уже все анимировать.

[Odinokun]

altemuller, я думаю что то типа такого сделать

let sliderObj = {
  firstSlide: {
    top: 10,
    left: 50,
    zoom: 1.2
  },
  secondSlide: {
    top: 60,
    left: 0,
    zoom: 1.5
  }
}

Только хз получится ли это увязать с админкой и параметры сдвига клиент будет задавать наугад ((

[bqio]

Зависит от админки

Answer 2

[Александр]

такой слайдер делается с помощью библиотеки scrollmagic