В данном случае, проще всего будет повесить обработчик событий методами JavaScript.
Я бы сделал так:
- В аттрибут data-image я бы указал на ссылку к картинке.
- Повесил бы обработчик событий на кнопку.
- Получаем ссылку, которая хранится в аттрибуте data-image
- При клике менял бы свойство background-image на ту картинку, чью ссылку мы получили при нажатии.
- По вкусу и цвету можно добавить анимацию, так как смена текста происходит динамически.
Мою реализацию можно назвать далеко не идеальной, но, если закидают камнями, хотя бы аргументировано.
Важно! Ознакомьтесь с таким аттрибутом как data-* перед его использованием. Я нашел его достаточно полезным для своих нужд. Надеюсь, я вам помог.
