This topic has 4 replies, 3 voices, and was last updated 9 years by Abe.

  • Author
  • #16628
     talimagnum
    Participant

    Hi, i have been trying to get a gif logo that ia kind of a intro to play while the webpage load completely using javascript but i cant manage to make it work. Where should i put the code or how could i put it

    This is the script as clean as i got.

    COPY CODE
    
    <script src='js/jquery.min.js' type='text/javascript'></script>
    <script>
    $(window).bind("load", function() {
        $('#loading').fadeOut(1000);
    });
    </script>
    
    <style>
    #loading {
    background:url("Logo_CitasClub(timeline-Shadow).gif") no-repeat center center;
    background-color:white;
    height: 100%; width: 100%;
    position: fixed; left: 0%; top: 0%; z-index: 1000;
    margin: 0 0 0 0;
    }
    
    </style>

    I tried to edit in the header.php but javascript doesnt run

    Anyone has done something like this that can light my brain? Website is http://www.citasclub.tv

    Thanks in advance

    #16694
     SQadmin
    Keymaster

    Hi, you can put this code in footer.php before the body closing tag.

    COPY CODE
    
    <style>
    #loading {
    background: #fff url("Logo_CitasClub(timeline-Shadow).gif") no-repeat center center;
    height: 100%; width: 100%;
    position: fixed; left: 0%; top: 0%; z-index: 99999;
    margin: 0 0 0 0;
    }
    
    </style>
    
    <div id="loading"></div>
    
    <script>
    jQuery(window).bind("load", function() {
        jQuery("#loading").fadeOut(1000);
    		//alert("test");
    });
    </script>
    

    Regards,
    Robert

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #16776
     talimagnum
    Participant

    Robert that work great thank a lot for the help, but since i just want to do that intro on the home page not every time it load any page. I need to do a landing page only for that intro. so my question is how do i point the home(altIntro) to pop just the first time the user comes to the page?

    i thought making a home1 page and copying the home and putting the div loading there if it possible. or should i do a whole new index landing page for that and when user get to the wordpress webpage and get lock in it?

    #20203
     talimagnum
    Participant

    i found a plug in that worked as i need it to. its called VIDEO INTRO it can be bought in codecanyon.com

    #20547
     Abe
    Keymaster

    OK great closing topic

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Play intro while webpage onload’ is closed to new replies.

Log in with your credentials

Forgot your details?