World Dezign

Ok, i was looking at a tutorial and it explained how to apply a fade in so i wanted to do it with my forum logo:

Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<script type="text/javascript">
$(document) .ready (funtion () {

  $("a#logo img").hide();

    $(window) .load (funtion () {
         
          $(" a#logo img").fadein ("slow");

    });

});

    </script>

Try this instead.

Code:

$(document).ready(function() {
$("a#logo img").hide().fadeIn("slow");
});

Awesome thanks. Your code is just like mine but simplified? And you put the .hide so that is happens before? Could i make it go slower?

Can i see your forum? I wanna see it

You mean like this?

Code:

$(document).ready(function() {
$("a#logo img").hide().fadeIn(2000);
});

But could you make it not appear as in my code because in your code it blinks

use this one:
first add the change the opacity for the logo to 0 and then just use this jQuery:

Code:

$(document).ready(function() {
$("a#logo img").fadeIn(2000);
});

It doesnt show up if i set the opacity to 0

of course it doesn't but the jquery will make it fadeIn..

The probelm is that the jQuery doesnt make it fade in

Remove your opacity: 0 and add an inline display: none instead. The display:none; needs to be added in style tags from the template. Then you can use this script to fade it in when the DOM has loaded:

Code:

$(function() {
    $('#logo img').fadeIn('fast');
});