[es] - Jquery Preloader Div Sadrzaja

alfa-pro
Pancevo

Član broj: 241818
Poruke: 476
*.dynamic.sbb.rs.

+7 Profil

^{29.07.2013. u 21:06 - pre 130 meseci}

Pozdrav, vec dva dana se mucim i googlam ali nemogu da napravim to sto ja zelim. Probao sam gotova resenja ali oni mi preloaduju ceo body.

Ovako meni je potrebno da se samo sadrzaj u #wrapper div tagu preloaduje. Dok je header, footer i ostalo staticko... Samo taj sadrzaj mi je potreban. Ja sam radio sledece

Code:


<script type="text/javascript">
    //<![CDATA[
        $(window).load(function() { // makes sure the whole site is loaded
            $("#status").fadeIn(); // will first fade out the loading animation
            $("#preloader").delay(350).fadeOut("slow"); // will fade out the white DIV that covers the website.
        });
    //]]>
</script>

Code:

#preloader {
    background-color: transparent; /* change if the mask should have another color then white */
    margin:0 auto;
}

#status {
    width:200px;
    height:200px;
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;

}

Code:

    <div id="wrapper" class="grid_12">

                <div id="preloader">
                      <div id="status">   </div>
                </div>

                <?php echo $template['body']; ?> // Ovo je sadrzaj koji se prikazuje u body wrapper samo to ocu da preloadujem

            </div>
  <div class="clear"></div>

[

Problem kod ovoga je sto on prikazuje i sadrzaj i preloader. Umesto da prvo pokaze preloader pa tek onda sadrzaj. Googlao sam i 100 primera na isti kalup.

Jel ima neko bolje resenje. Elem koristim i JqueryUI pored brdo plugina nisam nasao preloader. Pa zato hocu ovo sam da odradim..

Hvala unapred

Kada vidjamo uvek ista lica, na kraju ona postaju deo našeg života. A kada postanu
deo našeg života,
onda žele i da nam ga izmene. I ako ne bude po njihovom, nije im pravo. Jer, svaki
čovek ima tačnu predstavu kako bi trebalo da živimo svoj život. A nikad nemaju pojma
kako treba da prožive sopstveni život.

Odgovor na temu

cyBerManIA
I ovo T ono
Space

Član broj: 25195
Poruke: 698
*.ptt.rs.

Sajt: www.facebook.com/cyberman..

+263 Profil

Re: Jquery Preloader Div Sadrzaja

^{30.07.2013. u 02:04 - pre 130 meseci}

Jel hoces preloader ili loader?
Za preloader bi morao da ucitavas sledecu stranu u promenljivu iz koje bi kasnije izbacio sadrzaj unutar DOMa koristeci .append.
Dok je ovaj kod koji si izbacio za loader.
Nebitno, flipnuo mi mozak pa sam mozda i ja malo izmesao termine.

U svakom slucaju, ti vidis i jedno i drugo zato sto si u CSSu ( #preloader) smanjio povrsinu koja se "prekriva", i maknuo si z-index.

Stavi nesto tipa:

Code:

#preloader {
    background-color: #333; // promeni boju :D
    z-index:2; // Layer iznad sadrzaja

    position:absolute; // pozicija
    top:0;
    left:0;

    width:100px; //povrsina loadera ukoliko ne zelis da ti prekrije te menije
    height:100px;
}

Ukoliko zelis sve da prekrijes i centriras status.gif, onda stavi:

Code:
#preloader {
    background-color: #333; // promeni boju :D
    z-index:2;

    position:absolute; // pozicija
    top:0;
    left:0;
    right:0;
    bottom:0;
}

LOL

Odgovor na temu

alfa-pro
Pancevo

Član broj: 241818
Poruke: 476
*.dynamic.sbb.rs.

+7 Profil

Re: Jquery Preloader Div Sadrzaja

^{30.07.2013. u 08:23 - pre 130 meseci}

Covek nije u pitanju css koristin 960 grid i lepo je pozicioniran... Problem je sto on meni orikaze

PRELODAER OVDE

A ISPOD SADRZAJ....

Prvo onaj krug sto se okrece pa tek onda bi trebalo posle fadeOut da mi prikaze sadrzaj gde je bio preloader sa fadeIn. Problem je sto ja u isto vreme imam i sadrzaj i preloader...

A mozda ti stvarno ima veze sa z-index?

Matori ne znam koji je to djavo loader je onoi kada ucitava procente tako? a meni treba ovo cudo..

http://preloaders.net/

Odgovor na temu