Moving Images In Js

	Moving Images In Js
	Discussion by HannahI with 19 Replies. Last Update: December 24, 2009, 2:41 pm (View Latest)	Page 1 of 2 pages.

HannahI

How do I do it?

Tue Dec 1, 2009 Reply New Discussion

yordan

What do you mean by "moving images"? Put the *.jpg files in another folder?
Or create animated gif images?

Tue Dec 1, 2009 Reply New Discussion

HannahI

I mean have a image in one spot. Then call a function to make it glide to anothet spot.

Tue Dec 1, 2009 Reply New Discussion

Spencer

You mean something like a carousel? Are you creating an image gallery? Check out these links.

Thu Dec 3, 2009 Reply New Discussion

HannahI

No, I'm making a game.

Thu Dec 3, 2009 Reply New Discussion

mastercomputers

QUOTE (HannahI)

No, I'm making a game.
Link: view Post: 143091

What sort of game are you making HannahI?

I could show you how to create a sliding blocks/picture game, that you slide blocks till you get all the blocks in the right position to create the finished picture using XHTML and Javascript.

Is that what you're after or are you after something else?

Cheers,

MC

Mon Dec 21, 2009 Reply New Discussion

HannahI

I'm trying to make a flight simulator, but it isn't working correctly.

Mon Dec 21, 2009 Reply New Discussion

mastercomputers

QUOTE (HannahI)

I'm trying to make a flight simulator, but it isn't working correctly.
Link: view Post: 143392

Wow a flight simulator.

This would be too much effort for me to explain how to go about this. I have seen a flight simulator using google earth, maybe you could track that down and use what they have already worked out, all the co-ordinates, and physics, etc.

Cheers,

MC

Tue Dec 22, 2009 Reply New Discussion

HannahI

Here is the code so far:

CODE

<html>
<head>
<title>Flying All Online</title>

<script type="text/javascript">
var i=1
function starttimerL()
{
document.getElementById('ship').style.position="relative";
document.getElementById('ship').style.left=+i;
i++;
timer=setTimeout("starttimerL()",0.01);
}

function starttimerMi()
{
document.getElementById('missle').style.position="relative";
document.getElementById('missle').style.right=+1;

timer=setTimeout("starttimerL()",0.01);
}

function stoptimer()
{
clearTimeout(timer);
}
</script>
<style>
body{
background:#39F;
}

</style>
</head>
<noscript>
Sorry, You need to have Javascript Enabled to play Flying All
</noscript>

<body onLoad="showMon();">
<a href="#" onClick="stoptimer();" style="background-color:#366; text-decoration:none; color:#F00">Stop</a>
<a href="#" onClick="starttimerL(); starttimerMi" style="background-color:#366; text-decoration: none; color:#F00">Go Left</a>


F
l
y
i
n
g
 
A
l
l

<img src="http://localhost/4.png" name="ship" width="58" height="=64" id="ship" />                   
                  
     
<img src="http://localhost/bonus.png" alt="missle" name="missle" id="missle" onDblClick="stoptimer(); alert('Thing');
">
<div id="missle2" style="position:absolute;"></div><img src="http://localhost/b1.png" alt="Boss" width="252" height="180" id="boss" />              
                   
                 
 

</body>
</html>

Tue Dec 22, 2009 Reply New Discussion