[HTML] Input Type Radio w img, Prosze o pomoc :D Opcje

[Komarek]

Witam
Na wstępie powiem ze nigdzie nie znalazlem rozwiazania na moj problem chociaz troche juz googlowalem ;]

Chce ogolnie zrobic obrazkowe 'radio'

Obrazek1
Obrazek1-wcisniety
Obrazek2
Obrazek2-wcisniety

I mam proste 2 obrazki obok siebie, po zaznaczeniu ktoregos z nich zmienia sie na drugi obrazek (tak jak rollover ale dopiero po zaznaczeniu)
No i powinny dzialac tak jak input type=radio ;p

Jezeli jest inna mozliwosc to prosilbym o pomoc w polaczeniu tego z formularzem.

Bardzo prosze o pomoc.
Pozdrawiam, Komarek

[ixpack]

Input ustaw na display:none;
Dodaj label dla każdego radio -> label to obrazek. (Edit: Problem zostaje przy zaznaczonym radio -> tylko w css3 i w js można podmienć obrazek... Bez css3 lub js zostanie obrazek i nawet gdy będzie zaznaczone radio - obrazek będzie taki sam...)

Przykład (z użyciem jquery):

[HTML] pobierz, plaintext 
<div class="jq_sizes">
<input type="radio" id="uni1" name="jv_size" value="9" style="display:none;" /><label for="uni1">XXS</label>
<input type="radio" id="uni2" name="jv_size" value="10" style="display:none;" /><label for="uni2">XS</label>
<input type="radio" id="uni3" name="jv_size" value="11" style="display:none;" /><label for="uni3">S</label>
</div>
[HTML] pobierz, plaintext 

Oczywiście ja użyłem jquery i _buttonset();
Trochę css zmieniłem i wygląda wyśmienicie (IMG:style_emoticons/default/wink.gif) - jeszcze formularza nie podrzuciłem na serwer także linka nie dam...

Teraz jeżeli chcesz zmienić wygląd obrazka, radia zaznaczonego - > bez javy idzie zrobić w css3, ale nie każda przeglądarka to obsługuje tu jest co i jak

No i pozostaje "tradycyjny" jquery - to już możesz wygooglować (IMG:style_emoticons/default/wink.gif) (radio + jquery).

Pozdr.

Ps. Jak pomęczysz, a nie zrobisz - to wstawię coś "po chłopsku", ale narazie w pracy jestem ;]

Ten post edytował ixpack 9.03.2011, 17:21:29