HTML - Best Way To Achieve This Without Flash
Quick question, what kind of html5 coding would be needed to achieve this seemingly easy effect. Does someone know a tut i can start off with? Been googling but cant seem to land on the right one.
Its a mouse :hover effect for a navigation menu! Thanks. Demo can be seen he http://bit.ly/wBJGst Similar TutorialsI have a jailbroken iPhone 4 and I am trying to get a flash embed to display on it but I am having a lot of trouble. i have successfully used and enabled different flash objects elsewhere but this is the only one that wont run. so I know it will work. HTML Code: <head> <title>iSwim</title> </head> <body> <div style="width: 320px; height: 356px; margin-top: 80px; margin-bottom: 44px;"> <object width="320" height="356"> <param name="movie" value="http://listen.grooveshark.com/widget.swf" /> <param name="wmode" value="opaque" /> <param name="allowScriptAccess" value="always" /> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" /> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="320" height="356" flashvars="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" allowScriptAccess="always" wmode="opaque" /></object> </div> </body> Can anyone help me to make sure the flash displays right? what happens is the player loader displays at the top instead of the center and the control buttons are present before it loads. then after the loader fails it shows a "cannot connect" error. so I think the flash object is resizing inside its self. can anyone help me clean up this script so it will display correctly in iPhone safari (with flash enabled)? website is he smalldotdesign.zxq.net/iSwim.html that is where the HTML file is located that I am trying to get corrected. thanks in advance. i have a feeling this is going to be a tough fix. this is the code I tryed ---------------------------------------------------------------------------------------------------- <img style="position:absolute; top:25px; left:270px" src="http://www.amarasoftware.com/slideshow.swf"quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="200"> ----------------------------------------------------------------------------------------------------- I put it within a series of other links and images and so on ------------------------------------------------------------------------------------------------------ href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9kaXYtb3ZlcmxheQ==">myspace div overlay code tutorial by Eileen</a></i><i class=i>!-Begin Block to set Table Level and Open custom Div-!</i><i class=i>Close ALL open tables so that our div is not effected by the stuff we have removed </i></td></tr></table></td></tr></table></td></tr></table><i class=i>!! top banner, or anything else outside of your core content space can go here!!</i><i class=i>!!Create and size our div.!! </i><div class="myCoreDiv" style="width:800px; height:auto !important; border:0px violet solid; position:relative; top:0px; overflow:hidden; z-index:0;"><i class=i>!!-----START Core Custom CONTENT------!! </i> <img src="http://img152.imageshack.us/img152/5053/lgallerynewcopyox2.jpg"> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0z NDU1MTgzNDYmTXlUb2tlbj0="style="position:absolute; top:700px; left:170px;"><img src="http://x.myspace.com/images/clear.gif" style="width:160px; height:50px; "></a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmllbmRfdmVyaWZ5 JmZyaWVuZElEPTM0NTUxODM0Ng=="style="position:absolute; top:660px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld1BpY3R1cmUmZnJp ZW5kSUQ9MzQ1NTE4MzQ2JmFsYnVtSWQ9MA=="style="position:absolute; top:760px; left:180px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZWxnYWxsZXJ5Lm5ldC8="style="position:absolute; top:730px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNjb3R0ZHVwcmFzLmNvbS8="style="position:absolute; top:800px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:160px; height:50px; "></a> <img style="position:absolute; top:25px; left:270px" src="http://www.amarasoftware.com/slideshow.swf"quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="200"> <i class="i">!!-------END Core CUSTOM CONTENT--------!!</i><i class="i">!!Open same number of tables we closed.!! </i><table class="myTclass0"><tr><td class="hideIfInInterests"><table class="i"><tr><td><table><tr><td><i class="off">!-END Custom Block to Set Table Level and Create Custom Div-!</i> ------------------------------------------------------------------------------------------------------- The code highlighted red comes in on my div as a box with a small x. So its detected to be there but some how doesnt pick up the content of the (swf.). And I have to be honest I really don't know much about html at all.... I use it for my website and band myspace layout. This is for a photographers myspace. But I would greatlly apprecieate it if someone could please explain to me what I should put there I would worship you... Well thanks everyone for looking through this mess. I hope theres someone out there with an awnser. I've just published my first flash site, which is a schoolproject. I have this little problem: my site won't center in the popup so i get this white border in top and left site while some of my site is missing in right and bottom.. you can see it he http://www.rtgkom.dk/~caspers06/ click on anotherDepth. Here's the code i used for my popup: Code: <SCRIPT LANGUAGE="JavaScript"> function popUp(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=959,height=500,left = 35.5,top = 128');"); } </script> Code: <a href="" onClick="MinPopUp('http://www.rtgkom.dk/~caspers06/main.html');return false;"> <A HREF="javascript:popUp('http://www.rtgkom.dk/~caspers06/main.html')"><img src="images/index_09.gif" alt="" width="254" height="58" border="0"></A> Hope someone can help me.. Btw, if this is posted the wrong place im very sorry but i could'nt find anything about javascript. Hey, Im making a site for a client and we've hit a dead end one one thing i particular The whole site we've made is HTML and Images only. The only flash element is the Navigation bar at the top. With out making 2 dedicated flash/non flash sites, how do we make it so that if flash is not detected on the viewers computer then the flash navigation will not show, but instead show a java script rollover nav bar? I was thinking maybe have the flash nav in a div that floats over the image nav, and if flash is not detected it would disappear...? help would be super appreciated. -Mongoose for some reason there is a page on my site that will not load its flash > it will load it when i browse to that page on the computer hosting it (this one) but it wont load on any other computer, including one i have on LAN (inside a router) can anyone tell me why and how to fix this? by the way i do have flash files on my homepage of my site, but this particular flash wont load its just a white box I'm making a website that has a flash header that serves as a menu bar. I use the exact same flash header on each page in this site. Is there a way to code this so the flash header doesn't have to 'reload' each time you move to another page within the site? I'd know how to do it using iFrames, but I'd rather not use that on this site. Is there another way? It just seems useless for this flash to reload on each page you move to in the site. Cache makes things so that the reload time is super quick, but I'd like it to not have to reload at all, if possible. Maybe this is a JavaScript thing? I don't know. So, if this thread isn't place appropriately, I apologize. Anyhow, thanks in advance for any advice or help. 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 ) Does anyone know the code (HTML) that will play Flash in both Explorer and Firefox? Hi all, I have a flash object that will sometimes not load in IE. However, if you refresh the page, the movie loads just fine.. It's only on the first entrance to the page. My code is: <center> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="290" height="176" id="image-zoomer" align="center"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="image-zoomer.swf?path=zoom/" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="salign" value="lt" /> <param name="bgcolor" value="#ffffff" /> <embed src="image-zoomer.swf?path=zoom/" quality="high" scale="noscale" salign="lt" bgcolor="#ffffff" width="290" height="176" name="test" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object></center> Any suggestions for me? The site is at http://showball.com Thanks David 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 have a swf movie in the homepage of my website. In Firefox and Safari, the window is extended down a few pixels to allow for the complete video, which I think is fine. In Explorer, however, it simply cuts the video off. This results in the final shot cutting off the feet and hand. Please help! Web address: www.mycollegeninja.com HTML Code: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="950" height="387" id="studystrike5.swf" align="middle"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="images/studystrike5.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#000000"> <param name="wmode" value="opaque"> <param name="salign" value="t"> <param name="menu" value="false"> <param name="loop" value="t"> <embed src="images/studystrike5.swf" quality="high" bgcolor="#000000" width="950" height="387" name="studystrike5.swf" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object> 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? Hi there, i am very very new to this website building thing. I am starting a website for my new business, it was all going well until i uploaded the website, and when i went to look at it, at the very bottom of the page it said i need to update my flash. I did and it is still saying that. I have tried from 10 different computers and still have the same problem. Am i doing something wrong with the files or something? Please help. I am also using A4Desk Website builder. here is the web address: http://uniqueplanners.netne.net/ Thanks for your time. Hey guys, I just built a flash site with a lot of text/img content and I was really careful to make it all xml-based so that it would be easy to edit later. Now I want to create a very very simple backend cms for my client so that they can modify the content as well. Really, just simple html forms will be fine. What is the simplest way to modify xml data via html? Can I post data to the server in xml format? Help! Is there a way to have a form or something select a frame from a flash document that is being uploaded? I need to have something like on addictinggames.com where it shows a screenshot of the game next to it. also youtube and google video do this. How would I? I put this code:in my html web page <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,0,0" width="400" height="100" align="top"> Now is it matter if I have flash 9 and AS3 in the flash or not do i need to change somthing in the code I just paste here? In IE7, 6, and 5 and only in IE7, 6, and 5 my flash navigation menu jumps around a little bit from page to page (no more than half of an inch or so per page, minor, but irritating). Probably an easy fix, but how? Do I need to wrap in a div first or should I just apply the rule to the td with an ID? And, should I use absolute positioning, relative, or neither? And I know I know navigation menu not good - I am working on text links for the bottom. One of the pages in question is below, but just navigate around the site and you will see what I am talking about. Much thanks! http://www.buildingblockshomedaycare.com/parents.html i heard somewhere this is a war.. can I ask (not to familiar with html5) what about html5 encroaches on flash? what new elements/features? If it does compensate i know Jobbs will be pushing the hell out of it (html5) My question is regarding this gallery that I put together: http://moparch.com/moparch/architecture/ds.html My goal is to make it so the image scales with the size of the browser window. Right now the image only scales as the page shrinks horizontally. When the page shrinks vertically the image does not change size. The page is made up of two flash movies, one for the images and one for the text and arrows. In dreamweaver I have set the image flash movie (the one on the left) to scale to 100% width and 100% height. I have set the text movie to be a fixed size. If anyone could explain how to get my image movie to scale as the browser window shrinks both horizontally and vertically I would greatly appreciate it. thanks |