Problem fixed! SORRY. You can delete this topic or keep it up for people later on. I fixed the code so it will fade a div on page load. So if anyone wants to use it!


jQuery makes it super easy to make things fade in and out, but I don't know how to do this and there site isn't responding fast enough. I have waited 30 mins! laugh.gif Anyways all I want is something super simple with jQuery

I have a logo as a background image in my CSS in a div with a class of .logo. I want that to load slowly when the page loads. So you would go to my site and you wouldnt see anything for just a second then the logo fades in. I could use flash, yes, but that's icky and bloated for something so simple that I know I can do with jQuery. Here is the code that I was editing to try to get it to work. How and what do i do?

CODE
<script type="text/javascript">
    $(document).ready(function(){
    $('div.logo').fadeIn('slow');

    });
    </script>


This is what the HTML looks like that I want to have fade in

CODE
<div class="logo"></div>


and the CSS

CODE
.logo {
    
    margin:126px auto;
    background:url(../images/styles/logo.jpg);
    border:none;
    color:#ffffff;
    width:536px;
    height:171px;
       display:hidden;
    
}


right now i have it working... but not the way i want. Right now it fades in like the text on http://15daysofjquery.com/

 

 

 


Reply