Autor Zpráva
Mufna
Profil
#1 · Zasláno: 21. 5. 2015, 20:32:18
Odpovědět Citovat
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í): 
1var firstVariantyUL = $("#v-1");
2if (firstVariantyUL.length) {
3    var objects = $("#v-1 li");
4    $.each(objects, function(key,value) {
5        // alert( key + ": " + value.innerHTML );
6        value.innerHTML.fadeTo(400,0.33);
7    });
8}
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ř.): 
1<div class="varianty">
2  <ul id="v-1">
3    <li class="img-1"><img src="/data/images/sperky/nausnice/nausnice-01-varianta4.jpg"></li>
4    <li class="img-2"><img src="/data/images/sperky/nausnice/nausnice-01-varianta5.jpg"></li>
5    <li class="img-3"><img src="/data/images/sperky/nausnice/nausnice-01-varianta7.jpg"></li>
6  </ul>
7  <ul id="v-4">
8    <li class="img-1"><img src="/data/images/sperky/nausnice/nausnice-04-varianta1.jpg"></li>
9  </ul>
10  <ul id="v-5">
11    <li class="img-1"><img src="/data/images/sperky/nausnice/nausnice-05-varianta1.jpg"></li>
12  </ul>
13</div>
<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
#2 · Zasláno: 21. 5. 2015, 20:38:19
Odpovědět Citovat
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
#3 · Zasláno: 21. 5. 2015, 20:51:27 · Upravil/a: Mufna
Odpovědět Citovat
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. 
1objects.each.hover(function() {
2    $(this).stop().fadeTo(200,1);
3}, function() {
4    $(this).stop().fadeTo(200,0.33);
5});
objects.each.hover(function() {
    $(this).stop().fadeTo(200,1);
}, function() {
    $(this).stop().fadeTo(200,0.33);
});
Časová prodleva: 10 let
Toto vlákno je staré, již dlouho do něj nikdo nepřispíval.

Informace a odkazy zde uváděné už nemusejí být aktuální. Nechcete-li řešit zde uvedenou konkrétní otázku, založte si vlastní vlákno, nepište do tohoto. Vložíte-li sem nyní příspěvek, upoutáte pozornost mnoha lidí a někteří z nich si jen kvůli vám přečtou i všechny předcházející příspěvky. Předpokládáte-li, že váš text skutečně bude hodnotný, stiskněte následující tlačítko:


Běda vám, jestli to bude blábol.

0