image animation - SnippetGood most recent 30 from http://snippetgood.com2010-07-29T23:47:37Zhttp://snippetgood.com/feeds/question/154http://www.creativecommons.org/licenses/by-nc/2.5/rdfhttp://snippetgood.com/questions/154/image-animationimage animationRemusRigo2009-11-24T10:47:42Z2010-07-21T20:22:20Z
<p>hi all
I have a site <a href="http://rigo.ro" rel="nofollow">rigo.ro</a> witch displays two images and moves them around. Under Iternet explorer it works great, but I want a code that works under Opera/Firefox</p>
<p>any help is welcomed
thanks</p>
http://snippetgood.com/questions/154/image-animation/155#155Answer by Tillimook for image animationTillimook2009-11-24T14:43:05Z2009-11-24T14:43:05Z<p>do you have an example of the code you're using so we can see what you're talking about? :)</p>
http://snippetgood.com/questions/154/image-animation/156#156Answer by RemusRigo for image animationRemusRigo2009-11-24T20:10:17Z2009-11-24T20:10:17Z<p>div id="img" style="position:absolute;"</p>
<p>img src="http://.....jpg" onMouseDown="pauseResume();" border=0
////////////////////////////////////</p>
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
var name = navigator.appName;
if (name == "Microsoft Internet Explorer")
name = true;
else
name = false;
var xPos = 20;
if (name)
var yPos = document.body.clientHeight;
else
var yPos = window.innerHeight;
function changePos()
{
if(name)
{
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
}
else
{
height = window.innerHeight;
width = window.innerWidth;
Hoffset = document.img.clip.height;
Woffset = document.img.clip.width;
document.img.pageY = yPos + window.pageYOffset;
document.img.pageX = xPos + window.pageXOffset;
}
if (yon)
{
yPos = yPos + step;
}
else
{
yPos = yPos - step;
}
if (yPos = (height - Hoffset))
{
yon = 0;
yPos = (height - Hoffset);
}
if (xon)
{
xPos = xPos + step;
}
else
{
xPos = xPos - step;
}
if (xPos = (width - Woffset))
{
xon = 0;
xPos = (width - Woffset);
}
}
function start()
{
if(name)
img.visibility = "visible";
else
document.img.visibility = "visible";
interval = setInterval('changePos()',delay);
}
function pauseResume()
{
if(pause)
{
clearInterval(interval);
pause = false;
}
else
{
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();