PDA

For continued disscussion on this topic : Flying menu or image


rashida
08-15-2000, 11:51 AM
Hi everyone,
Well I am not sure that whether this can be done with javascript or not.
In many webpages I see flying images or menus, how they do that? With javascript or something else.

Thanks

Rashida
robc
08-15-2000, 11:59 AM
When you mean flying, do you mean flying across the page?
rashida
08-15-2000, 12:02 PM
What I mean is fly from left or right side while page loads
I hope it's clear


RJ
robc
08-15-2000, 12:22 PM
Sorry for being dumb, but I am having a bad day :-)
I know that you can create this effect with DHTML, like this:<html>

<head>
<title>New Page 1</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
</head>

<body onload="dynAnimation()">

<p dynamicanimation="fpAnimflyBottomRightFP1" id="fpAnimflyBottomRightFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2"><img border="0" src="alec_baldwin.gif" width="125" height="107"></p>

</body>

</html>
It does call an external script that you keep in the same file (in this example), and I can send you that if you want.
I think you can change where the image flys from...
Don't laugh, but I did this in abt 30 seconds with FrontPage
It works with netscape, but I am sure that there will be other ways to do it.
Hope this helps..
Rob
rashida
08-15-2000, 02:12 PM
Thanks

I will just try, and let you know.
Bye
rashida
rashida
08-15-2000, 02:15 PM
Hi,
I do want that external code, to know what it does.
Hey i am new in this.
I am doing all javascript using notepad, now i will try frontpage
rashida
Vincent Puglia
08-15-2000, 06:50 PM
Hi rashida,

I don't know what rob's script does, but I doubt if you actually frontpage to implement it.
dHTML animation is implemented with layers (divs, usually). You set the original image's position and then use the moveTo(x,y) method to have the image appear somewhere else. For a start, you can see the "Moving Layers" script/tutorial at my site. It uses buttons to move the layers, but you can change that to have it done automatically, by either using a setTimeout() or do loop.

Vinny
robc
08-15-2000, 06:59 PM
Sorry to be writing bad replies...
I meant that I could make the effect in front page, and when I save the file that I have then made, it saves the .js with it. I hate using FrontPage, but it does have its uses! :-)
Rob
Vincent Puglia
08-16-2000, 06:56 AM
Hi Rob,

Couldn't agree more. I use FP Xpress to create my tables, throw in some forms, and as a word processor of sorts. :) I use Notepad or cuteHTML, though, to write the actual code and clean up Front Page's mess. :)
Vinny