Autor Zpráva
Wladimir Čert
Profil *
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>
a div:
<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
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 *
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 *
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
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.
Wladimir Čert
Profil *
[#6] Chamurappi
Tak jo já to zkusím. Dám vědět.

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:

Prosím používejte diakritiku a interpunkci.

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

0