PDA

View Full Version : jQuery in IE



Schmoopy
09-01-2009, 11:44 AM
Hi, I've recently started working with jQuery and it's turning out nicely in Firefox, but of course it's broken in IE, no surprise there.

Basically there are 2 animations on the page when it loads, which slide 2 images into place, but for one of the images, the animation goes off first, then it goes into position. Can anyone explain this?

CSS:



#peep{
margin-top:3em;
width:287px;
position:absolute;
display:none;
}

#check{
position:absolute;
bottom:2%;
right:2%;
width:457px;
height:55px;
display:none;
}



jQuery:



<script type="text/javascript">
$(window).load(function() { // Wait for page to load all images before running this
$('#peep').show("slide", { direction: "left", distance:287 }, 1000);
$('#check').show("slide", { direction: "down", distance: 100 }, 800);
});
</script>


The #peep div, comes in from the left and this is working fine, it appears near the top left corner. The #check div should be sliding in from the bottom right, which it does in firefox, but in IE the image appears for a second or two, doing the slide animation, then after it's finished it positions iself in the bottom right hand corner.

Hope you can help me out.

Nile
09-01-2009, 11:46 AM
Can you provide all the code and a link to your page?

Schmoopy
09-01-2009, 12:00 PM
You can see it here (http://sour-ape.com)