PDA

View Full Version : how do I make an object appear when I want it to?

pomelo_rosado
06-25-2006, 10:52 PM
K i'm pretty new to Html, but I get the basic jist.

I want a movie that I made to be put onto my page. I know how to do that, but I want the movie to come on after my page has loaded, not exactly as a pop up, but I guess the same basic principle. I also want the movie to fade in, instead of just pop up. If it doesn't fade in like I wanted it to, then that's okay...just as long as it goes on when I want it to, which is after my page has loaded already.

I guess I should describe my page. K when you open this part of my page, the first thing you see will be a gif of curtains opening (like you would when you go to a play).

What I want to happen is after the curtains open, I want the movie to appear in the blank spot, but I want the curtains to still be there. At the end the curtains will close.

Does anybody know how I would be able to do this??
email me or just post something on here, I would really appreciate it.

Pomelo_rosado@Yahoo.com

~Rebekah~
_Aerospace_Eng_
06-26-2006, 02:12 AM
I couldn't get the fade to work properly in FF or Opera so I just set the display of the video to none and then to block after the page loads. The fade in effect does work in IE though.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
html, body {
margin:0;
padding:0;
background:#FFF;
color:#000;
}
#music {
margin:auto;
width:340px;
height:280px;
}
</style>
<script type="text/javascript">
var degree = 0;
function showVid()
{
if(degree <= 100)
{
degree += 10;
document.getElementById('music').style.filter = 'alpha(opacity='+degree+')';
}
}
window.onload = function()
{
document.getElementById('music').style.display = 'block';
}
</script>
<!--[if IE]>
<style type="text/css">
#music {
filter:alpha(opacity=0);
}
</style>
<script type="text/javascript">
setInterval('showVid()',200);
</script>
<![endif]-->
</head>
<body>
<div id="music">
<object classid="CLSID:clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" width="340" height="280" id="music">
<param name="url" value="yourvide.wmv">
<param name="uiMode" value="full">
<param name="autoStart" value="true">
<param name="playCount" value="1">
<embed src="yourvid.wmv" width="340" height="280" autostart="1" playcount="1" type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" showcontrols="1" uimode="full"></embed>
</object>
</div>
</body>
</html>
mattr12
06-26-2006, 02:47 AM
I thought that I just saw this thread in the introductions forum... :rolleyes:
pomelo_rosado
06-26-2006, 05:55 PM
Yep, ya did :) I put it in all kinds of places hoping to get some results from anybody. I just posted it all over the place to see who would be able to help me.
pomelo_rosado
06-26-2006, 09:11 PM
I put your coding into a new page to see what you did, and yes the fade in is what I want, but the idea isn't what i was looking for.
I sent you a pm, but I figure i'll try this as well.


www.geocites.com/pomelo_rosado/silentfilm.html

this is the webpage i'm working on. If you go to it, you can see that the page that I have is set up so that the curtains opening is the first thing that you see. What I want to happen, is I want a movie that I created to go in between the curtains after the curtains open. And then I want it to disappear after the movie is done so that the curtains can close. Is there any way to do this or do I have to go through a flash program?
pomelo_rosado
06-26-2006, 09:12 PM
okay wait try that again.

http://www.geocities.com/pomelo_rosado/silentfilm.html