Jak na blikající elementy?
Odesláno v May 13, 2010 | Kategorie Javascript, css | Leave a Comment
Je skvělé, že díky JQuery a pluginu PngFix lze nastavit plynulou průhlednost i u .PNG.
Občas ale zamrzí ošklivé problikávání pozadí obrázku v okamžiku, kdy se načetla stránka, ale dosud se nespustil JQuery skript.
Možná i vám pomůže toto řešení:
V CSS nastavíme elementu .hideMe vlastnost {display:none;}
Před JQuery, tedy hned za script type=”text/javascript” vložíme:
document.documentElement.className = "hideMe";
Po startu JQuery už můžeme zobrazení zase povolit:
$(document).ready(
function () {
$('.hideMe').css({display:'inline'});
}
Jak to funguje? Javascript se spouští hned v okamžiku načtení, tzn. kdy ještě neexistuje žádný element kromě html. A právě tomuto elementu nastavíme skrývací třídu “.hideMe” .
Ještě je vhodné nastavit spuštění skriptu pouze pro IE<7, ale už zvládnete sami.
Pozn.: V reálné aplikaci by bylo vhodnější skrývat pouze problematický objekt, což bych řešil pomocí JQuery removeClass(‘hideMe’) .
Komentáře
Váš komentář: