Как повернуть изображение на 90 градусов?

Question

[it_pear_yurec]

Как при каждом клике на изображение, переворачивать его на 90 градусов каждый раз. Пример: 0 градусов, 90 градусов, 180 градусов 360 градусов

Answer 1

[roswell]

jsfiddle.net/897Lgdoy

Comments

[it_pear_yurec]

а как добавить немного анимации ?)

[roswell]

#smiley {
    transition-duration: 1s;
}

[AngReload]

roswell, тогда нужно ещё убрать этот кусок кода:

if (rotationAngle > 270) {
  rotationAngle = 0;
}

Иначе анимация кривая.

[it_pear_yurec]

AngReload, дело в том, что сбрасываются данные, вот в чем проблема

[AngReload]

it_pear_yurec, умеете вы создать интригу. Какие данные сбрасываются? Какая из-за этого проблема возникает?
Если вы говорите о проблеме, которую решает удаление этого кода, то я и так это знаю.
Если при удалении этого условия возникают какие-то проблемы, то я даже предположить не могу какие.
Если это не относится к моему комментарию, тогда почему вы обратились именно ко мне?
Может быть вам нужно сохранять угол поворота при перезагрузках страниц в localstorage или ещё что-нибудь?
...