jquery slide down image on page load

Posted by Dean on Stack Overflow See other posts from Stack Overflow or by Dean
Published on 2010-04-20T11:01:43Z Indexed on 2010/04/20 11:03 UTC
Read the original article Hit count: 745

Filed under:
|
|
|

Hi

I'm not experienced with jquery (or java script really), but trying to make an image (img id=mike ...) slide in when a page loads.

After looking through the jquery docs and trying Google queries, I have so far come up with this

  $(document).ready(function() {

$("#mike").load(function () {
      $(this).show("slide", { direction: "up" }, 2000);

});

  });

And applied the CSS display:hidden so it remains hidden until I want it to slide in on page load.

This doesn't seem to work unless I reload the page though.

Hoping someone could help me out with this please :)

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about jquery-ui