Zaznaczanie avataru i zmienna

Question

Cześc, chciałbym zrobić takie coś że jeżeli kliknę na obrazek to zmienia się jego styl i robi zmienną w PHP, np. zaznaczam obrazek z klasą "avatar-4" to zmienna dajmy na to $avatar ustawia się na 4.

Jeżeli zaznaczę inny obrazek np. "avatar-3" to poprzednia klasa "avatar-4" usuwa CSS i ustawia CSS na "avatar-3" wraz z zmienieniem wartości zmiennej $avatar na 3.

Answer 1

Zrób z tych obrazków ładnie ostylowane input[type=radio] i po prostu wyślij wartość zaznaczonego formularzem. Chyba że to ma się odbywać bez przeładowania strony – wówczas musisz tego typu zmianę wysyłać przy pomocy XMLHttpRequest.

Comments

A jak w input[type=radio] zrobić background-image ?

---

http://jsfiddle.net/nuwa0me0/ i tego typu techniki

---

Mam jeden problem a mianowicie mogę zaznaczyć 2 radio buttony

 

<input type="radio" class="radio_item" value="" name="av1" id="av1">
                <label class="label_item" for="av1"><img class="ui image" src="assets/images/avatar/1.jpg"></label>
                <input type="radio" class="radio_item" value="" name="av2" id="av2">
                <label class="label_item" for="av2"><img class="ui image" src="assets/images/avatar/2.jpg"></label>

 

---

Powinny mieć to samo [name], ale różnić się [value].