У меня есть три картинки:
<img class="anim1" src="http://s2.uploads.ru/u1.gif">
<img class="anim2" src="http://s2.uploads.ru/u2.gif">
<img class="anim3" src="http://s2.uploads.ru/u3.gif">
Мне надо, что бы после каждого обновления страницы картинки менялись между собой по кругу местами, а не рандомно. Пример.
После первой перезагрузки
<img class="anim2" src="http://s2.uploads.ru/u2.gif">
<img class="anim3" src="http://s2.uploads.ru/u3.gif">
<img class="anim1" src="http://s2.uploads.ru/u1.gif">
После второй перезагрузки
<img class="anim3" src="http://s2.uploads.ru/u3.gif">
<img class="anim1" src="http://s2.uploads.ru/u1.gif">
<img class="anim2" src="http://s2.uploads.ru/u2.gif">
После третей вернулось на исходную
<img class="anim1" src="http://s2.uploads.ru/u1.gif">
<img class="anim2" src="http://s2.uploads.ru/u2.gif">
<img class="anim3" src="http://s2.uploads.ru/u3.gif">
Как можно такое реализовать?
localStorage
индекс той самой картинки, и уже по условию какая была картинка пред идущая, после загрузки измени индекс при загрузке