Jak na blikající elementy?

Odesláno v May 13, 2010 | Kategorie css, Javascript | 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:

  1.      document.documentElement.className = "hideMe";

Po startu JQuery už můžeme zobrazení zase povolit:

  1. $(document).ready(
  2.    function () {
  3.       $('.hideMe').css({display:'inline'});
  4.     }
  5. );

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

Hlasujte pro tento článek:
  • Bookmarky.cz
  • Digg
  • del.icio.us
  • Google
  • Linkuj
  • Vybrali.sme
  • E-mail this story to a friend!
  • Facebook
  • LinkedIn

Komentáře

Váš komentář: