Zmena radiobutton na menu

mikimaus · Napísal **mikimaus**: 22.07.2012 15:31

Zdravim, chcel by som poprosit o pomoc s jednym kodom a zmenou Radiobutton-ov na klasicke menu so zachovanim funkcionality. Konkretne ide o kod ktory najdete na:

http://tympanus.net/codrops/2012/04/30/fluid-css3-slideshow-with-parallax-effect/

Ide teda o to aby sa mi jednotlive slidy nepresuvali kliknutim na gulicku ale aby nad tym bolo menu ( textove odkazy) cez ktore si budem menit jednotlive slidy.

Kedze som v tom uplne mimo ocenil by som podrobny popis, respektive kod.

Vopred Dakujem za pomoc.

shaggy · Napísal **shaggy**: 22.07.2012 18:10

Pozeral si si tú stránku, je tam vysvetlený postup. Tie radio buttony vkladáš do stránky ty, spolu s ich popisom:

Kód:

    <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" />
    <label for="button-1" class="button-label-1"></label>
     
    <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" />
    <label for="button-2" class="button-label-2"></label>
     
    <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" />
    <label for="button-3" class="button-label-3"></label>
     
    <input id="button-4" type="radio" name="radio-set" class="sp-selector-4" />
    <label for="button-4" class="button-label-4"></label>
     
    <input id="button-5" type="radio" name="radio-set" class="sp-selector-5" />
    <label for="button-5" class="button-label-5"></label>

Do toho label-u napíšeš text, ktorý chceš a zvyšok si oštýluješ podľa tvojich potrieb.
Ak chceš kód, tak na to slúži ponuka práce.

mikimaus · Napísal autor témy **mikimaus**: 22.07.2012 22:55

no pozeral, cital a aj som to skusal ale akosi to nezafungovalo, na text ktory tam bol neslo kliknut. ale pokial by to malo fungovat skusim to este raz. dik

shaggy · Napísal **shaggy**: 23.07.2012 0:50

Ja som si skúšal cez firebug zmeniť priamo to demo a fungovalo to. Ak ti nešlo kliknúť na ten text, asi niečo robíš zle (napr. ti to niečo prekrýva).

mikimaus · Napísal autor témy **mikimaus**: 24.07.2012 15:37

Dik uz to zafungovalo zrejem som to prvykrat nejak domotal.
Este snad otazocka, da sa nejak zariadit aby to zafungovalo ako klasicky odkaz <a href=""> alebo viem labelu nastavit aby po prechode myskou zmanilo ukazovatel, a odlisilo aktivny, zmenilo text pri najazde myskou atd ...

shaggy · Napísal **shaggy**: 24.07.2012 19:19

:hover vieš predsa nastaviť aj label-u.

Zmena radiobutton na menu

Podobné témy