Autor | Zpráva | ||
---|---|---|---|
Wladimir Čert Profil * |
#1 · Zasláno: 24. 3. 2013, 17:07:13
Zdravím,
v jQuery a obecně JS se moc nevyznám. Máte tu pěkně řešené kotvy - plynulá změna backgroundu nebo jak to nazvat. Chtěl bych se zeptat, jak něco takového aplikovat na DIV. U sebe mám <a href="#div-1">Kotva</a> <div id="div-1" class="pokusnydiv">Lorem ipsum</div> Menší zádrhel je ten, že těch divů je několik desítek, (div-1, div-2,...). Stačilo by mě nakopnout jak s tím hnout, klasickou kotvu s odbarvením :target umím, ale aby to bylo plynule, ne. |
||
Chamurappi Profil |
#2 · Zasláno: 24. 3. 2013, 17:15:49
Reaguji na Wladimira Čerta:
„Máte tu pěkně řešené kotvy - plynulá změna backgroundu“ On se background ve skutečnosti nemění, je to obyčejný animovaný GIF (s vypnutým opakováním).
„klasickou kotvu s odbarvením :target umím“ Pseudotřída :target nefunguje všude. Ale jde napsat jednoduchý skript, který nastaví třídu (vlastnost className ) elementu nalezenému pomocí document.getElementById(location.hash.substr(1)) .
|
||
Wladimir Čert Profil * |
#3 · Zasláno: 24. 3. 2013, 20:50:09
Díky.
To co popisujete v druhém odstavci dohromady nedám, zkusím najít hotovoé řešení, přesto děkuji. |
||
Chamurappi Profil |
Reaguji na Wladimira Čerta:
To budeš hledat hotové řešení na dva řádky, jejichž náplň jsem ti doslovně napsal? Pod „moc se v JS nevyznám“ jsem si představil alespoň základní znalost. <script> var kotva = document.getElementById(location.hash.substr(1)); if(kotva) kotva.className += " target"; </script> |
||
Wladimir Čert Profil * |
#5 · Zasláno: 24. 3. 2013, 21:29:37
Tak znalost žádnou. Spíše vše tahám z příkladů.
Příklad vyzkouším. U toho gifu se musí vypnout asi cachování ne? Protože jakmile obrázek načtu po druhý, už se nemění... |
||
Chamurappi Profil |
#6 · Zasláno: 25. 3. 2013, 09:49:50
Reaguji na Wladimira Čerta:
„Tak znalost žádnou.“ Ten můj skript dej na konec stránky a pak nastyluj .target .
„U toho gifu se musí vypnout asi cachování ne?“ Tady ho vypnuté nemáme. Záleží na prohlížeči, kdy animaci restartuje, minimálně však jede od začátku při načtení stránky. |
||
Časová prodleva: 3 dny
|
|||
Wladimir Čert Profil * |
#7 · Zasláno: 28. 3. 2013, 11:54:49
[#6] Chamurappi
Tak jo já to zkusím. Dám vědět. |
||
Časová prodleva: 11 let
|
0