Autor Zpráva
Mufna
Profil
Zdravím všechny. Najde se někdo, kdo mi poradí s tímto problémem ? Potřebuji projít všechny elementy <li> v jednom seznamu (uvnitř mám obrázek, viz níže ukázka mého HTML kódu) a použít na ně funkci fadeTo() z jQuery API.

Můj prozatímní JS kód (nefunkční):
var firstVariantyUL = $("#v-1");
if (firstVariantyUL.length) {
    var objects = $("#v-1 li");
    $.each(objects, function(key,value) {
        // alert( key + ": " + value.innerHTML );
        value.innerHTML.fadeTo(400,0.33);
    });
}

Můj HTML kód (např.):
<div class="varianty">
  <ul id="v-1">
    <li class="img-1"><img src="/data/images/sperky/nausnice/nausnice-01-varianta4.jpg"></li>
    <li class="img-2"><img src="/data/images/sperky/nausnice/nausnice-01-varianta5.jpg"></li>
    <li class="img-3"><img src="/data/images/sperky/nausnice/nausnice-01-varianta7.jpg"></li>
  </ul>
  <ul id="v-4">
    <li class="img-1"><img src="/data/images/sperky/nausnice/nausnice-04-varianta1.jpg"></li>
  </ul>
  <ul id="v-5">
    <li class="img-1"><img src="/data/images/sperky/nausnice/nausnice-05-varianta1.jpg"></li>
  </ul>
</div>

Předem díky za každou radu.
juriad
Profil
Takto:
Živá ukázka
Důležitý je především 6. a 7. řádek. fadeTo musíš volat nad jQuery obalem položky. Nikoli nad textovým obsahem.
Mufna
Profil
juriad:
:-) moc díky, funguje to i u mě


Můžu se ještě zeptat jak udělat hover nad každým elementem <li> ? Opět sem dávám dosud nefunkční JS kód.
objects.each.hover(function() {
    $(this).stop().fadeTo(200,1);
}, function() {
    $(this).stop().fadeTo(200,0.33);
});

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: