Shadowing Posted April 20, 2012 Share Posted April 20, 2012 Hey guys im having a problem with displaying images on top of each other using java script.I tested it out and disabling the java script the images stack on top of each other with no problem. im using java script to hide the images then show one by one. like a slide show. it works fine in IE.The problem is the images that java script is controling isnt going between the letters of the words. This is with the java script disabled. it all works fine 5 images being displayed on top of each other Then when I use java script to hide then show the images one by one it looks like this. The first image isnt controled by java script so it remains in place .stargate {display:inline;position:absolute;margin-top:20px;margin-left:-5px;} $(function(){ var things = $('.stargate'); var index = 0; things.hide(0); var stargate = function() { things.eq(index).fadeIn(0,function(){ }); index++; if (index < 9) { setTimeout(stargate,250); } }; Link to comment Share on other sites More sharing options...
ShadowMage Posted April 20, 2012 Share Posted April 20, 2012 Do you have a live link we could look at? Link to comment Share on other sites More sharing options...
Shadowing Posted April 21, 2012 Author Share Posted April 21, 2012 Hey sorry im still on local host. it really sucks to cause this massivly ruins my plans Link to comment Share on other sites More sharing options...
dsonesuk Posted April 21, 2012 Share Posted April 21, 2012 Usually when using position absolute, you have to use minimum of properties top: and left: otherwise it position becomes erratic, also using display: inline; becomes obsolete when using position absolute;. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.