| Autor | Zpráva | ||
|---|---|---|---|
| Mufna Profil |
#1 · Zasláno: 21. 5. 2015, 20:32:18
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 |
#2 · Zasláno: 21. 5. 2015, 20:38:19
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
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);
}); |
||
|
Časová prodleva: 9 let
|
|||
0