Preloader


  • Benjamin200
  • 961 Aufrufe 7 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • hi, ich habe zwar die such funktion benutzt aber nix gefunden.
    Ich poste es mal hier...

    Also ich suche einen Prealoder...

    ähnlich wie dieser --> ..:: hermit | Crew ::.. Multigaming Clan - Since 2006
    Mit einem Blauen style...
    Wenn es sowas in fertig ware gibt, bitte einen link her (kostenlos)
    Würde gern selbst son ding auf der page haben...

    Vielen dank!

    PS: bitte fragt net warum ich das haben will.

    Bitte eine antwort...^^



  • => Alleine deswegen müsst man dir die Hilfe verwehren!

    Aber gut... man ist ja nicht so...
    Den Code für den Ladebalken kannst dir ja selber aus der Seite rauskopieren.. Dann musst du halt nur noch mit Adobe imageready das Bild "verbläulichen" und schon hastes.

    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.

  • Moin,

    Ich denke dass das mit einem solchen PreloadBalken nicht so einfach ist.
    Du musst dazu eine js-Funktion coden,die dann diese preload-Box(würde ich mit css machen)schliesst, nachdem die Seite geladen ist beendet.

    Ferner braucht es aber auch eine js-Funktion für den Preloader selber.

    Am besten wäre es, wenn du dir mal ein JavaScript-Forum suchst...Die können dir sicher helfen, oder coden dir den Code. Jedoch ist es dann meistens noch kompliziert genug den Code, den du bekommen funktionierend einzufügen...

    Du brauchst jedenfalls mal diesen Code:

    Quellcode

    1. function MM_swapImgRestore() { //v3.0
    2. var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    3. }
    5. function MM_preloadImages() { //v3.0
    6. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    7. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    8. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    9. }


    Dann musst du im <body> Bereich nach dem Aufruf der Funktionen suchen und versuchen zu verstehen wie es funktioniert.

    Viel Glück!

    mfg
    JoeThe

  • hier ist das Javascript:

    Quellcode

    1. //Contentpreload
    2. function WaitBox()
    3. {
    4. document.writeln("<div class=\"preloader\" id=\"preload\" style=\"left: 45%;position: absolute; top: 50%\" align=\"center\">");
    5. document.writeln(" <table border=\"3\" frame=\"void\" style=\"background-color:#990000\" cellpadding=\"6\">");
    6. document.writeln(" <tbody>");
    7. document.writeln(" <tr>");
    8. document.writeln(" <td align=\"center\"><span class=\"fontBold\">Preloading site</span>");
    9. document.writeln("<br><img src=\"http://hermitcrew.goracer.de/include/designs/hermit/loading.gif\" alt=\"\">");
    10. document.writeln("<br clear=\"all\"><span class=\"fontBold\">please wait</span></td>");
    11. document.writeln(" </tr>");
    12. document.writeln(" </tbody>");
    13. document.writeln(" </table>");
    14. document.writeln("</div>");
    15. }
    16. function preload()
    17. {
    18. document.getElementById('preload').style.display='none';
    19. }
    Alles anzeigen


    nun guck dir noch den html code der Seite an und dann solltest du das auch umsetzen können.

  • Ehrlich gesagt: Das ist garkein richtiger Peloader...
    Unter einem Preloader stell ich mir eine Seite vor, die vor die Hauptseite geschaltet wird, und beispielsweise alle Bilder in den Cache läd.
    Das was die auf der hermit crew Seite gemacht haben, ist einfach nur ne Div Box solange anzuzeigen, wie die Seite noch nicht zuende geladen ist.
    Das ist einfach nur billig und muss nicht sein...

    Gruß Moritz