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

Question

[rinaz22]

Всем привет! На сайте есть jquery слайдер. Рядом хочу поставить иконку. По клику по этой иконки, надо спрятать слайдер и вместо него вывести картинку. Надо заменить слайдер на картинку так, чтобы слайдер отошел в сторону, а с другой стороны появилась картинка(как слайдер).

Answer 1

[savchenko91]

Так это не слайдер вам нужен, а css анимация. по клику на иконку слайдеру применяется стиль .goToTheLeft а картинке стиль .appearFromRight

код анимации примерно выглядит вот так у меня для появления справа

@keyframes appearFromRightAnimation {
  from {right: -50em}
  to {}
}

.appearFromRight {
  animation: appearFromRightAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}