Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthormykstor
    • CommentTimeMar 13th 2010
     permalink
    I'm redesigning my website which was built for me originally using all Flash. I want to use JQuery for my do-over.

    To give my site entrance page some dramatic impact, I'm having my logo drop into place from the top of the window. I used a drop-in slide show script for this and altered it so it doesn't repeat after its first cycle through the jpg array.

    I need help getting my slogan to fade from 0 to 100% opacity in a division just below this as soon as my logo has dropped in completely.
    At the same time an ENTER SITE button should also go from 0 to 100% opacity in a division below this, at screen center.

    I know that JQuery has a fadeIn command, but I don't know how to implement it. I've found several examples of far more complicated fade-ins triggered by onclick, etc, but nothing that simply fades in a jpg triggered by onload. Can someone advise me on how to write the whole code for this?
    Is JQuery a good choice for this?
    I like the esthetic of using enhanced Javascript instead of a Flash movie if possible.

    Thanks in advance for any help offered by any of you!

    Mike Storer, a perfumer in Los Angeles.
    michaelstorer.com
    •  
      CommentAuthorbenjitastic
    • CommentTimeMar 13th 2010 edited
     permalink
    Hi Michael,

    You could try something like this:

    <script type="text/javascript">
    $(document).ready(function() {

    $("#logo").slideDown('medium', function() {// callback function executes when sliding is complete
    $("div#fade").fadeIn();
    });

    });
    </script>

    <style type="text/css">
    #logo, #fade {display: none}
    </style>

    Or if slideDown() is not what you're looking for you could hide the logo offscreen and animate() it into view.

    I hope that helps some.

    Ben
    benjitastic.com
  1.  permalink
    To be social is very positive aspect in this age of materialism. Life is moving very fast and embedded with full luxuries. In this fast life mcse is too facilitating for your comfort and minimizing all tensions.
    • CommentAuthordabora
    • CommentTimeFeb 14th 2011
     permalink
    I have found very useful information over there, thanks for sharing this. please try to add more informative posts in order to keep us in touch.

    regards,
    casio watches
    • CommentAuthordee7788
    • CommentTimeApr 23rd 2011
     permalink
    I'm new to jquery and I might not be able to give some inputs on your problem. But I liked your idea on your entrance page. Magnetic Sponsoring Ebook
Add your comments
    Username Password
  • Format comments as (Help)