Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Animate Fade In Help

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #161751
    moonlao
    Participant

    Hello, i’m a complete newbie to Javascript and was hoping someone could help me out.

    Using this Loading Bar made by purpledesign.

    http://jsfiddle.net/gDH8W/

    What i need to edit is the animation when loading is done, instead of a slide down i want to edit it so the content Fades in.

    #161752
    chrisburton
    Participant

    To do this, you can just edit the following code.

    if (value == max) {
        clearInterval(animate);     
        $(".demo-wrapper").remove();   
        $("#details").show("slow");     
        $("#motion1").html("Report for Registration.");        
        $("#motion").remove();   
    }
    

    Change this line: $("#details").show("slow");
    to this line: $("#details").fadeIn("slow");

    Result:

    if (value == max) {
        clearInterval(animate);     
        $(".demo-wrapper").remove();   
        $("#details").fadeIn("slow");     
        $("#motion1").html("Report for Registration.");        
        $("#motion").remove();   
    }
    

    http://jsfiddle.net/9xgZ4/

    #161756
    moonlao
    Participant

    Perfect learned something new today it’s exactly what i was looking for thank you chrisburton!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.