1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.3 How to Display page load image during page load?

Discussion in 'Styling and Customization Questions' started by Mian Shahid, May 13, 2014.

  1. Mian Shahid

    Mian Shahid Well-Known Member

    Hi, we are running flash games on our board, some games like Agnry Bird :) are too large which taking time to load, during loading of game, the page looking white and some members thinking that their is nothing happening at the movement, so we are thinking that, during game loading we can display loading image like [​IMG] or something like

    [​IMG]

    I have a script
    Code:
    /***Combo Menu Load Ajax snippet**/
    <script type="text/javascript">
    function ajaxcombo(selectobjID, loadarea){
        var selectobj=document.getElementById? document.getElementById(selectobjID) : "";
        if (selectobj!="" && selectobj.options[selectobj.selectedIndex].value!=""){
            document.getElementById(loadarea).innerHTML = '<img src="images/icons/loading7.gif" style="margin: 0 auto; display: block; width: 32px; height: 32px;" alt="Loading" title="">';
            ajaxpage(selectobj.options[selectobj.selectedIndex].value, loadarea);
        }
    }
    </script>
    but didn't work if i put it in EXTRA.css
    i think this not suitable for my requirements.

    any idea?
     
  2. RoldanLT

    RoldanLT Well-Known Member

    JS don't work on EXTRA.css
    Just paste it below page_container_js_head
     
  3. Mian Shahid

    Mian Shahid Well-Known Member

    hummmm, I put this code first at top, then at bottom, but nothing was happened .
     

Share This Page