|
HTML - How To Include Flash Within The Html On Hover
Hi,
I was wondering if I could include some flash animation within the html on hover, Basically I needed to make the earth spin on http://www.aroundtheworldin80dishes.net only when the mouse is hovering over it thanks Similar Tutorialshi everyone this is my first page so i will probably have a couple of questions to help give me an idea of how to do that i want! basically someone has asked me to design them a site, i did a web design course but that was 6 months ago and i need to learn new things for it as well as try and remember what ive learned! ive got a semi basic layout, ill post the html and css, hopefully ill pate them in the right way (this definitely wont be the colour scheme, ive been following an online tutorial, want to get the layout right before making other tweaks) basically in the content section theyre looking for a rectangular box that has 4 imaes, 2 side by side and two below. these will change when theyre rolled over and when a particular image is clicked it will take them to the correct section of the site. as far as i understand from the css i have the size of the content section will change depending on how much information is there. how would i know what size to make the flash for insertion into this section so it fits properly without any gaps? sorry im a bit new to this but the more i learn the better! i dont have a clue how to actually code the flash yet but getting the size right would be a good start! thanks for your help HTML Code: <link rel="stylesheet" type="text/css" href="css/master.css" />
</head>
<body>
<div id="page-container"> <!--this div will hold all the other elements of the page-->
<div id="main-nav">Main Nav</div>
<div id="header">
<h1> Kilmaclolm Dramatic Society logo to be placed here </h1>
</div>
<div id="sidebar-a">
<dl class="hidden">
<dt id="about"><a href="#">About</a></dt>
<dt id="services"><a href="#">Services</a></dt>
<dt id="portfolio"><a href="#">Portfolio</a></dt>
<dt id="contact"><a href="#">Contact Us</a></dt>
</dl>
</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus.
Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus.
Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus
euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio.
Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget,
purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.
</div>
<div id="footer"><!--floated divs dhould come first to avoid any IE issues-->
<div id="altnav">
<a href="#">About</a> -
<a href="#">Services</a> -
<a href="#">Portfolio</a> -
<a href="#">Contact Us</a> -
<a href="#">Terms of Trade</a>
</div>
Copyright © Kilmacolm Dramatic Society. A website by D Keenan
</div>
</body>
</html>
Code: @charset "utf-8";
/* CSS Document */
html, body { /*resets the margins and padding on both the html and body tags to 0 to ensure theres
no space between the top of the browser and the top of the page */
margin: 0;
padding: 0;
}
h1 {
margin: 0; /* takes away the default margin and padding on h1 tags */
padding: 0;
}
.hidden {
display: none; /* any element with this class wont be seen on the site */
}
#page-container { /* there is a # as this is an id, to be used once on the page only, not repeated elsewhere
this div's height will change depending on the content*/
margin: auto; /* browser sets margin, should centre the div */
width: 760px; /* sets the width of the container */
}
#main-nav {
background: red;
height: 50px; /* the width doesnt need to be specified, it will be 760px as this is the with of the containing div */
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
float: left; /* floats sidebar to left of the screen */
background: darkgreen; /*the height is dependend on the content so no height will be set for the time being*/
width: 280px;
}
#content {
background: green; /*the height is dependend on the content so no height will be set for the time being*/
margin-left: 280px; /*creates a margin as wide as the sidebar to separate the sidebar information and the content */
}
#footer {
clear:both; /*When an element has the clear property assigned, if it comes into contact with a float it is placed right below where that float ends.*/
background: orange;
height: 66px;
}
My index is an HTML page that has a flash that runs for 5 seconds. After that it stops (on purpose). I would like it to then goto another HTML page. For some reason, I can't find out how to do that. I've just recently created my website with wix.com as my host, so it's all flash, but I would like to change my website to html. I really like what I have as the website so far, but I've found that it runs slow on many computers, so I was wondering if there was any way of keeping what I have(such as design etc.) but converting it to html somehow. I don't know much about web design, so any help would be greatly appreciated. (and I don't mind changing my host if it's necessary, I just want a way to be able to keep what I've worked at without having to begin from scratch.) I can view the flash in my HTML script when I run it straight from my computer, but when I upload it I don't see it. I've tried it on three different web hosts. The directories are definitely correct. I don't understand why it simply won't work. This is the code I'm using to display the flash movie: PHP Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="580" height="150"> <param name="movie" value="menu_logo.swf" /> <param name="quality" value="high" /> <embed src="menu_logo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="580" height="150"></embed> </object> The flash file is located in the same place as the HTML file is. ( the root ) Hello All, I need to display flash located in the application file resources. I tried this way: HTML Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=3,0,0,0" width="740" height="300" type="application/x-shockwave-flash">
<param name="movie" value=res://HTMLTester001.exe/SWFS/#137>
<param name="quality" value="high">
</object>
But it does not work. Flash is not displayed. How can I resolve this trouble? This will proubly be easy for some of you but i need some help. veiw www.aeonnorth.com source. And tell me why i cant get the top 5 buttons to link? Service-Products-Forums-Contact-Support. I have a map set up. but doenst seem to be working. whats wierd is i can mouse over and see its a link but doesnt take me anywhere. please help Hello there! I hope any HTML expert can assist me on the following matter: I am trying to place some rotating ads on my website. Those ads are located on the "ads.php" file. If my website was written in php I would know how to call that file with the function: <?php include("ads.php"); ?> Unfortunately, my website is in HTML (cannot be changed to PHP for other reasons) and I don't know any HTML function equivalent to the INCLUDE function for PHP. Does anyone know how could I call the ads.php file in HTML? Thank you! Can anyone tell me the best way to embed a Flash Movie that will comply with HTML Strict? http://www.kasedesign.co.uk/woodside.../panoramic.htm There seem to be quite a few options out there and they all seem very long winded! Thanks in advance! Hi all... i am using the following HTML to load a flash video on a iweb page. Is there a way i create links on my page to different flash files on my web server and have it play that video? I would think i have to set the 'embed src' and 'value' to a variable that's changed every time a new link is clicked on the page but how do i setup up that variable? <object classid="clsid27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=6,0,40,0" border="0" width="800" height="600"><param name="movie" value="http://web.mac.com/youriDisk/docs/flash.swf"><param name="quality" value="High"><embed src="http://web.mac.com/youridisk/docs/flash.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="800" height="600"></object> my question is about adding html on top of flash for seo purposes if a flash file is originally used for a banner or navigation or any other purposes, because the text is inside flash and as it cannot be read by search engines, is it possible to add html on top of this flash file so that search engines can still read the content. please advice thanks Hi all, My document all seems to measure up, but I don't know how to impliment my flash animation correctly so that it complies with HTML 4 strict. Any help would be greatly appreciated as always. This is the document: http://www.warwickshireonline.com/pat Here's the validation. http://validator.w3.org/check?uri=ww...line.com%2Fpat Thanks in advance for your help. Hiyas all... Having a bit of trouble getting some HTML right and I was hoping for some help. I'm trying to make a photo gallery for my site in which you click one picture...and a pop up window will display thumbnails of various pictures, upon your click I want the specified image to show above the thumbnails. I had a program that would automatically write the code for you, but I seem to have uninstalled it. Would anyone happen to know which program I could use? Thanks I'm an amateur web site builder and since upgrading to Flash CS3 I've ran into a few problems, mostly with the way the new flash publishes the html files. They now added a javascript file that accompanies the html file to apparently assist in the loading of the flash file. What I'm trying to do is add a script to the html file that will resize the window based the users screen resolution. I've used scripts in the past to do this, but for some reason they won't work with this new html file. I'm assuming the javascript file plays a part in this, correct me if I'm wrong. It would be great if someone could help me with a script that would allow for the html file to resize the browser window based on the users screen resolution, or something similar to that. I've included the html and javascript file for you to look at. Click here to view the project I'm working on. Any help is greatly appreciated. Thank you, Dustin Hello, I have flash website that I want it to be opened by html page. What I need to do if I have an html page that when I press on link on this page it will open my flash page on full screen (fit screen)? I have this website for example of my question: www.federicafontana.it Thanks to anyone that will help. Best regards, Fabio. Hi, My current website does not allow me to upload the specific files that I want so I have made a new website to host some flash files so that I can embed them on my own website without having to upload them directly. I'm trying to upload the following onto my website by embedding it in HTML but I'm having difficulties. http://bikeone.org/product-viewer/index.html Can anyone please help. I tried this script but it didn't work... <script type="text/javascript"> var flashvars = {}; flashvars.folderPath = "http://bikeone.org/product-viewer/index.html"; var params = {}; params.scale = "noscale"; params.salign = "tl"; params.wmode = "transparent"; params.allowfullscreen = "true"; var attributes = {}; swfobject.embedSWF("http://bikeone.org/product-viewer/index.html", "ComponentNameDIV", "600", "400", "9.0.0", false, flashvars, params, attributes); </script> Thanks! I have this code for my flash movie i want to put in the web site <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="220" height="300"> the flash movie...swf file I have is flash9 with AS3 .....is the code I have fit to flash 9 ? and when I want to see the flash I cant see it just after I press right mouse key and then play..... do I need to add somthing for the flash say Automaticly start this movie.......... Okay, clearly I'm new to the forums, so I apologise in advance if I've posted this in the wrong section/shouldn't have posted it (I'm used to phpBB's forums anyways, our site runs that). Okay, here's the problem. For our website, we need to upload links in the form of pictures etc. - stuff like 'go' buttons, info boxes etc. So far, I've been making thm in fireworks with rectangle hotspots and the like. However, des[pite my various efforts, I haven't been able to get them to work. I it to do with the quality? E.g., do they need to be websafe colours (websnap whatever?), or is it the way I'm getting the HTML code. I'm aware that I can make more interactive buttons in flash, and I can do that with ease, but in this case, I have trouble with security settings, and whenever we attempted to upload it, it would not display. Thanks for your help, guys, I hope you can work it out! Well as a noob i would just like to say hello to you all. I thought adding a intro page would annoy people and i like this so i started building a intro page with a already built swf file Nightmare, i cannot get the white borders to go away, if i change the size of the swf it changes the borders position. I never get a border all the way around the swf, its either top and bottom or left and right depending on resizing the swf please help as its driving me mad this is the code i have so far <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Click Here To Continue</title> </head> <body bgcolor="#000000"< MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0" LEFTMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" SCROLL="NO">> <table border="1" cellpadding="0" cellspacing="0" width="100%" height="585" style="border-style: none" fpstyle="1,000001100"> <tr> <td width="17%" height="11" style="border-style: none"></td> <td width="62%" height="11" style="border-style: none"></td> <td width="21%" height="11" style="border-style: none"></td> </tr> <tr> <td width="17%" height="568" style="border-style: none"> </td> <td width="62%" height="568" style="border-style: none"> <p align="center"> <embed src="intro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="81%" height="100%" loop="false"></td> <td width="21%" height="568" style="border-style: none"> </td> </tr> <tr> <td width="17%" height="47" style="border-style: none"> </td> <td width="62%" height="47" style="border-style: none"> <p align="center"><a href="www.voodoo-music.co.uk/home.html">Click Here To Continue</a> </td> <td width="21%" height="47" style="border-style: none"> </td> </tr> </table> </body> </html> Greetings I don't understand php at all and i have page in HTML. Now i have this guestbook script that i would really much like to add to the html page, so what now? My apache server can handle php and everything in the server end is right, but when i put this in to my html page: include($path."comment.php"); Nothing happens, now i suspect that i need to turn the whole page in to PHP. However i don't know how to do this, could anyone tell me how do i turn this page to PHP and get it to work? What is the code i need to put in to my html page? Please help this is important to me, thank you inadvance! Turhamuro Hey. I was wondering if this php code can be put into html? HTML Code: include($phpbb_root_path . 'PATH' . $phpEx); Or is there some other html code with does that same job? |
|||||||