Niko
  • Administrator

      Reputation : 319
      Registered on : 2012-02-22
      Posts : 2366
      School of codes courses: coming soon
    Loading image onload

    Description


    Have a "loading-image" when your forum is loading...

    Set up


    First, you have to paste this code in the index-message box (inside the ACPanel):

    Code:
    <!--- Subject: "Loading image onload" - Copyright 2012 by www.fmcodes.com. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. Distribution is not allowed without written consent from FMCodes---><script type="text/javascript">
    window.onload = detectarCarga;
    function detectarCarga(){
    document.getElementById("imgLOAD").style.display="none";
    }
    </script>
    <div id="imgLOAD" style="text-align: center; display: none; ">
    <b>Caricamento del forum</b>
    <img src="URLIMAGE" class="resize_img" style="display:inline">
    </div>


    Example (that you can use)Loading image onload 27-0


    You can find more images if you go to the following link: http://ajaxload.info/

    Customize the tutorial


    Of course, you can change URLIMMAGE with the image you want...

    Technical problems


    The tutorial was tested on this forum and with the browser Google Chrome; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your reporting.

    Thanks, the staff
    For every problem or question please, contact us in the section Support for the tutorials, The staff will answer you as soon as it is possible...

    Friendly,
    The team of the Forum of Codes.



    Last edited by Niko on Sat May 26, 2012 12:48 pm; edited 1 time in total



    Niko wants you in the team Guest

    Community manager and Administrator at Forumattivo.com

    Nick
    • Manager

        Reputation : 20
        Registered on : 2012-04-01
        Posts : 407
      Wouldn't this take even longer for the images to load having to load this image?



      Loading image onload 15px10
      Kenzo
      • *****


          Reputation : 3
          Registered on : 2012-05-02
          Posts : 197
        Hmm :-? But a code ..or something that the loading image to appear only 2-3 seconds and then the forum or something else ?

        Chris Dans
        • Veteran staff member

            Reputation : 1
            Registered on : 2012-04-27
            Posts : 39
          The code works perfectly thank you for this tutorial

          MartinoPio
          • Veteran staff member

              Reputation : 14
              Registered on : 2012-02-25
              Posts : 98
            Very interesting, it will keep account for the creation of sites;)

            Syabria
            • ***


                Reputation : 0
                Registered on : 2012-05-07
                Posts : 35
              Nice code! Thanks

              Nike1600
              • I'm a new member :)


                  Reputation : 0
                  Registered on : 2012-06-16
                  Posts : 4
                where do we paste it|?

                Paulos
                • Veteran staff member

                    Reputation : 12
                    Registered on : 2012-03-23
                    Posts : 17
                  αλλο αυτο και αλλο αυτο που εχω εγω στους premium!

                  Nick
                  • Manager

                      Reputation : 20
                      Registered on : 2012-04-01
                      Posts : 407
                    @Paulos - Please speak English!



                    Loading image onload 15px10