Jak na blikající elementy?

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') .