Question

I am trying to get my main logo image to fade in (using Jquery) after a certain delay.

The script actually works fine EXCEPT that when you 1st load the page, the ENTIRE page falls under style="display:none"

I ONLY want the logo to display:none not the entire page. Is there something I am missing? Some tag I am not closing? Here is the link: My Website
And here is the code [Javascript]:

`<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
        $('#logo').delay(1500).fadeIn(1500);
});
</script>

And here is the HTML:

<img src="img/made_clothes2.png" class="clothingLogo" id="logo" style="display:none;" />
<center><ul class="social">
    <li><a href="http://www.facebook.com/madeclothiers"><img src="img/facebook.png" class="social"></a></li>
    <li><a href="http://www.twitter.com/madeclothiers"><img src="img/twitter.png" class="social"></a></li>
    <li><a href="http://www.madeclothiers.tumblr.com/"><img src="img/tumblr.png" class="social"></a></li>
    <li><a href="http://web.stagram.com/n/madeclothiers"><img src="img/instagram.png" class="social"></a></li>
</ul></center>

As it stands now, when the page load NOTHING shows until the delay.fadeIn() is executed… I want the other “social” images to load and the #logo to load independently on its on [using the delay.fadeIn()].

Thanks,
[edited: I fixed the img tag and ul tag, but still no go on the image “social” images loading]

Answer 1

updated answer, one which actually works
modify your jquery script to the following

$(document).ready(function() {
        $('#logo').css({ opacity: 1});
});

add this to your css

.clothingLogo {
    opacity: 0.001;
    transition: opacity 1.5s 1.5s;
    -moz-transition: opacity 1.5s 1.5s;
    -webkit-transition: opacity 1.5s 1.5s;
    -o-transition: opacity 1.5s 1.5s;
    -ms-transition: opacity 1.5s 1.5s;
    -khtml-transition: opacity 1.5s 1.5s;
}

remove all styling from image

<img src="img/made_clothes2.png" class="clothingLogo" id="logo" />

tested firefox and chrome, if you want you can find some other way to express opacity for antique ie versions…