Js эффект горизонтального слайда
В настоящее время я использую jQuery и ищу способ сдвинуть изображение влево, когда новое изображение сдвинется на свое место.
Конкретно у меня статичное изображение айфона. Когда я нажимаю ссылку, мне нужно, чтобы текущее изображение, отображаемое в средстве просмотра изображений iphone, выдвигалось влево, когда новое изображение появляется справа. Часто эти изображения, их имена и пути генерируются «на лету» и поэтому не могут существовать в DOM заранее.
Я бы предпочел решение, которое можно было бы применить ненавязчиво.
Я знаю, что в jquery есть slideUp и slideDown. почему у них нет левого и правого?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
jQuery предоставляет метод animate (), позволяющий создавать собственные анимации. Требуется четыре аргумента:
- Карта свойств и значений стиля
- Дополнительная скорость
- Необязательный тип ослабления
- Необязательная функция обратного вызова
Итак, чтобы переместить что-то влево, вы можете сделать это:
$('#pic').animate({left:500}, 'slow');
Конечно, для pic положение CSS должно быть абсолютным или относительным, чтобы новое значение вступило в силу.
#pic
{
position:absolute;
left:100px;
top:10px;
}