HTML - Flash Object
Hello guys,
Is there any way to make a large files of flash into a smaller file size for faster loading of a site using JavaScript? 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. hey, My page does not validate because of a flash object. The weird thing is that the code is automatically generated by dreamweaver. Feel free to copy and paste the code into a validator to see what the errors are. Any ideas on how to change this so that it validates? HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta name="description" content="Employee Benefit Consulting is a company which"> <meta name="keywords" content="EBC, E benefits consulting, EB consulting, employee benefits consulting, employee benefits, Employee, Benefit, Consulting, Health Insurance, Personal Insurance, Group Insurance, Insurance, Workplace Saving Plan, Kiwisaver, worker benefits, staff benefits"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>EBC Home Page</title> <link href="CSS/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="../JS/ADxMenu.js"></script> <link href="images/icon.ico" rel="shortcut icon"> </head> <body> <div id="container"> <div id="header"></div> <div id="menu"> <div class="linkMenu" align="center"> <ul class="adxm menu"> <li><a href="#">Home</a></li> <li><a href="about_us.html">About Us</a></li> <li><a href="insurance.html">Insurance</a> <ul> <li><a href="group_insurance.html">Group Insurance</a></li> <li><a href="personal_insurance.html">Personal Insurance</a></li> </ul> </li> <li><a href="kiwisaver.html">Kiwisaver</a></li> <li><a href="workplace_saving_plans.html">Workplace Saving Plans</a></li> <li><a href="contact_us.html">Contact Us</a></li> </ul> </div> <br> <br> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="260" height="160"> <param name="movie" value="images/quotes.swf"> <param name="quality" value="high"> <embed src="images/quotes.swf" width="260" height="160" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed> </object> </div> <div id="body"> <p>Welcome to Employee Benefits Consulting. We have an impressive record in the employee benefits industry in New Zealand, working alongside employers, employees and regulatory bodies.</p> <div align="center"> <img src="images/indexImage.png" alt="Employee Benefits"> </div> <p>Our focus when working with employers is to ensure that the benefits they offer their staff are sustainable, workable and effective in attracting and retaining quality employees. Our focus when working with employees is to help them set in place appropriate provision for themselves and their families, both in retirement and in the event of an unexpected trauma during their working life.</p> <p>Click <a href="contact_us.html" target="_self">here</a> to contact us for more information</p> </div> <div class="style1" id="footer"> <div align="right"> Studio 1, 237 Beach Road, Campbells Bay | 09 410 2217 | <a href="mailto:info@ebconsulting.co.nz">info@ebconsulting.co.nz </a> </div> </div> </div> </body> </html> Thanks, Raggy Hello, I would like to get the website menu to appear above the flash object. http://www.greekconcierge.com/weddings.php Currently when you click on "Our Services" this is hidden below the flash image object. many thanks, andy Like a lot of people I've been trying to get to grips with some basic HTML for my myspace page. Flame all you want but a lot of people have them, and they help feed our social insecurites and secret desires to be universally loved and made famous and popular and prom queen etc. My problem is that an embeded flash object from www.last.fm (a "quilt") only partially loads) This is what I see in both I.E. and Firefox: Here's the code for the object: Code: <style type="text/css"> div.lastfm_quilt_black a, div.lastfm_quilt_black div { height: 20px; margin: 0; overflow: hidden; text-decoration: none; padding: 0; background: url("http://static.last.fm/quilts/buttons/generic_images/bg_black.gif") repeat-x 0 0; width: 100%; float: right; display: inline; } div.lastfm_quilt a:hover { background-position: 0 0 !important; } {if $orientation=='horizontal'} div.lastfm_quilt_horizontal { width: 460px; } div.lastfm_quilt_black a.lastfm_quilt_artists_wide, div.lastfm_quilt_black a.lastfm_quilt_artists_wide:hover { background: url("http://static.last.fm/quilts/buttons/top_artists_images/wide/header_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black a.lastfm_quilt_albums_wide, div.lastfm_quilt_black a.lastfm_quilt_albums_wide:hover { background: url("http://static.last.fm/quilts/buttons/top_albums_images/wide/header_black.gif") no-repeat 0 -20px; } {else} div.lastfm_quilt_vertical { width: 184px; } div.lastfm_quilt_black a.lastfm_quilt_artists, div.lastfm_quilt_black a.lastfm_quilt_artists:hover { background: url("http://static.last.fm/quilts/buttons/top_artists_images/header_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black a.lastfm_quilt_albums, div.lastfm_quilt_black a.lastfm_quilt_albums:hover { background: url("http://static.last.fm/quilts/buttons/top_albums_images/header_black.gif") no-repeat 0 -20px; } {/if} div.lastfm_quilt_black .lastfm_quilt_profile a, div.lastfm_quilt_black .lastfm_quilt_profile a:hover { background: url("http://static.last.fm/quilts/buttons/generic_images/ft_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black .lastfm_quilt_noprofile a, div.lastfm_quilt_black .lastfm_quilt_noprofile a:hover { background: url("http://static.last.fm/quilts/buttons/generic_images/npft_black.gif") no-repeat 0 -20px; } div.lastfm_quilt a.get_your_own { width: 92px; border-right: solid 1px #000000; } div.lastfm_quilt a.visit { width: 91px; background-position: -93px -20px; } div.lastfm_quilt a.visit:hover { background-position: -93px 0 !important; } </style> <div class="lastfm_quilt lastfm_quilt_vertical lastfm_quilt_black"> <a class="lastfm_quilt_albums" title="Top albums" href="http://www.last.fm/user/blueden8/"></a> <embed src="http://static.last.fm/quilts/3/quilts_main.swf" flashvars="type=user&variable=blueden8&file=topalbums&bgColor=black&configMode=true" quality="high" bgcolor="#000000" width="184" height="414" name="quilts_main" align="middle" allowScriptAccess="never" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </div> Now I know for a fact there's nothing wrong with that code by itself: I've saved it as .htm in notepad and it functions perfectly. I've also copied all code down to the <!-- NETWORK INFORMATION : BEGIN --> line to notepad and saved that. That too works perfectly. So something is going on in between that heading and where the code for comments starts (I'm guessing). Here's a link to that code: Network Information and here's a link to the entire page source: Entire Page Both are .txts I would really appreciate any help offered. I know it seems like a lot of effort to go to for a myspace profile, and even more effort for you guys to try and find the problem, but this is simply pissing me off. Hi, I am a newbie and trying to develop a web site with HTML over IIS. I have inserted a flash (swf) object into the html code and am able to see the object displayed via IIS (right-click virtual directory and browse). However, it does not show if I try to access the same page via IE with http://localhost/Other. Only the text gets displayed. What could be the reason. Thanks. Hey guys, I have been designing a portfolio for my photography for some time. There are a few issues I have and I would appreciate your help. http://fjchapman.com/portfolio/portfolio.html 1. If you'll notice, the SWF object won't open. If you go to http://fjchapman.com/portfolio/viewer.swf , the swf is fine. There is just something wrong with my code. 2. Why is it so screwed up in IE? I have been going through my code but I cannot understand why IE is adding some mysterious padding. Help? 3. Alignment of links. While the links are just fillers (concert photography, portraits) for now, how can I have them aligned to the bottom left of my header? Thank you guys so much for your time. please help. i used html <object> tag and i embeded a .swf flash file inside my html page... everything worked great until here.... now i want to let the visitor of my page to be able to navigate through my .swf file through my own navigation bar buttons that i want to put above the .swf file... i want my visitor to be able to press the avigation bar buttons to play and stop and forward and backward and rewind and so on... i dont want my visitor to press the right mouse button when he over the flash object to navigate i want to have my own navigation static bar above the flash.... what solutions there is to this problem....? what is the best solution ? best regards. Hello, I am wondering if something is possible.. and if it is, how I would go about accomplishing the desired result.. This is a sample page to illustrate the problem http://comp.uark.edu/~bcagnin/test/index.html Is there a way to resize the object from a link that is within the website being displayed in that very same object?? Also, I am willing to use iframe if there is a solution that can be found with that... Thanks!! Tyrick I am using another persons code for our band's MySpace.( With some of my own) I am trying to display the shows section and the music player. When i insert the shows section the music player always displays behind the shows section. It is displaying the music player within the limits of the shows section. How do i make the music player seperate? Here is the code for the entire site with the music and show sections bolded. Code: <i class=i>!--START CODE IN BAND MEMBERS --!</i> <i class=i> !-Start Div Overlay Content Block-! <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8="> myspace code tutorials by Eileen</a> !-Close 3 layers of cell/row/table. This puts our Div ONE table deep. </i> </td></tr></table> </td></tr></table> </td></tr></table> <i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i> <i class=i>!!! MODIFY width to the SAME width as your core image !!!</i> <div class="myCoreDiv" style="position:relative; top:0px; width:799px; height:auto; border:2px green solid;"> <i class=i> when DONE editing CHANGE the border:2px to border:0px or change the magenta to the color you want your border.----!</i> <i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i> <img src=http://i42.tinypic.com/16iz2j5.jpg> <img class="grid" src="http://i11.tinypic.com/4pczehk.gif" style="position:absolute; top:0px; left:0px;"> <span class="off">!-START COMMENT FORM-!</span> <div class="myCommentFormD"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="445328869" type="hidden"/> <textarea name="f_comments" class="myFormBox"></textarea> <center> <input type="submit" value="Post Comment" class="myPostCommentButton"/> <input type="reset" value="Clear" class="myClearButton"/> </center> </form> </div> <span class="off">!-END COMMENT FORM-!</span> <i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i> <i class=i>!-Open 3 layers of table/row/cell-!</i> <i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i> <table class="L1" ><tr><td> <i class=i>!-The below class i hides the remainder of the general table-!</i> <table class="i"><tr><td> <table class="i"><tr><td> <style>.i {display:none}</style> <i class=i>END CODE IN BAND MEMBERS</i> <i class=i>!START code in Influences !</i> <i class=i>!START Style Block For Hiding Elements on Band Page! <a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a> </i> <style> .i, div.clearfix i i i {display:none} {! fix a centering problem, and clear white space caused by clear gifs !} td {width:auto;} table td img {display:none;} {! restore any images displayed inside our div. You may want to use block instead of inline for some images. !} table td div.myCoreDiv img, table td div.myCoreDiv table td img, table td div.myCoreDiv div img {display:inline;} {!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!} div table td a.navbar img {display:block;} {! removes most content and the space it occupied !} table table table {display:none} {! minimize the remaining main page content that can not be removed without effecting the ad and menus !} table table td { height:0px; margin:0px; padding:0px;} {! restore my div. !} table div.myCoreDiv {display:block;} {! restore div with Comments !} table div.myCoreDiv div.myDclassFC {display:block;} table div.myCoreDiv div {display:block;} table table br {display:none;} table table table br {display:block;} {! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !} {! does not work in Safari !} table div br {line-height:4px;} {! reverse effect on custom div !} table div.myCoreDiv br {line-height:11px;} {! remove default background coloring !} table table, tr, td {background-color:transparent !important} {! ONLY if you want to remove the blue behind the ad banner AND the maroon !} div.profileWidth table, div.profileWidth td {background-color:transparent !important} div table {border-bottom:none !important;} {! ADDITIONAL STYLE BLOCKS CAN GO HERE !} <style> {!- shows -!} table table td.text div {position:absolute; width:440px; height:130px; overflow:scroll; overflow-x:hidden; top:30px; left:415px;} {!- UnDo effect on Div in Friend and Comment spaces -!} table table td.text table div {position:static; height:auto; overflow:hidden} table table td.text div.commentlinks {display:none;} table table td.text div table {display:block} {!-fix column width of shows-!} {!-set below px width to the width of your shows space-!} table table td.text div table td, table table td.text div table {width:425px;} table table td.text div table table {width:100% !important} {!-adjust below value as needed-!} table table td.text div table table table {width:40% !important} </style> <style> {!-music player-!} table table td.text div object {position:absolute !important; top:196px !important; left:100px} table table td.text div object object {position:static !important;} </style> 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. 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 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. hello im building a website for my accociate. i built a layout with tables and all that stuff. i am tryin to insert a flash document in a table. whenver i go to test it iin ie7 its stops the flash movie from opening and says Warning this site includes active x click here for more options and then you click on it and click allow. how do i get around this as i need the flash doc to open imedietly upon going to the site thanks augie 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 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> Hi, I am currently having trouble embedding my flash file into html. No matter what I try it will not work. I don't have much experience in html so could really use some help please. This is the code that I am using... <object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6" width="814" height="344"><param name="movie" value="http://megaswf.com/serve/79631/" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="scale" value="exactfit" /><embed src="http://megaswf.com/serve/79631/" width="814" height="344" menu="false" scale="exactfit" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object> Thanks, Adam So this is the website that I got: Quote: http://eksow.com/ This is the source code for it: Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Eksow Event Design & Management</title> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript"> function showPictures(n) { obj = document.getElementById('changingPictures'); document.getElementById('bottom').style.top = "0px"; if(n==1) { obj.src="http://eksow.com/images/Eksow_07.jpg"; obj.style.visibility="visible"; } else if(n==2) { obj.src="http://eksow.com/images/Eksow_13_07.jpg";//Change this value to the url of second set of images obj.style.visibility="visible"; } else if(n==3) { obj.src="http://eksow.com/images/Eksow_12_07.jpg";//Change this value to the url of third set of images obj.style.visibility="visible"; } else{} } </script> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> <div id="container"><img src="http://eksow.com/images/Eksow_01.jpg" width="1024" height="261" alt=""> <div id="left" class="rollImages" onclick="showPictures('1')"></div> <div id="middle" class="rollImages" onclick="showPictures('2')"></div> <div id="right" class="rollImages" onclick="showPictures('3');"></div> <img src="http://eksow.com/images/Eksow_07.jpg" alt="Home Page" id="changingPictures"/> <div id="bottom"></div></div> </body> </html> This is the CSS of it: Quote: body { background-color:#000000; width:100%; padding:0px; margin:0px; margin-bottom:10px; } #container { margin:0px auto; width:1024px; padding:0px; text-align:center; } img { border-width:0px; padding:0px; margin:0px; } #left { background-image:url(http://eksow.com/images/Eksow_03.jpg); margin-left:74px; } #left:hover { background-image:url(http://eksow.com/images/Rollover_1_03.jpg); } #middle { background-image:url(http://eksow.com/images/Eksow_04.jpg); width:296px; } #middle:hover { background-image:url(http://eksow.com/images/Rollover_2_04.jpg); } #right { background-image:url(http://eksow.com/images/Eksow_05.jpg); position:relative; } #right:hover { background-image:url(http://eksow.com/images/Rollover_3_05.jpg); } .rollImages { width:292px; height:229px; float:left; cursor:pointer; } #changingPictures { visibility:hidden; } #bottom { height:8px; background-color:red; text-align:center; background-image:url(http://eksow.com/images/Eksow_08.jpg); position:relative; left:50px; top:-260px; } #bottom:hover { background-image:url(http://eksow.com/images/Rollover_4_08.jpg); height:8px; } What I'm trying to do is insert Quote: http://eksow.com/eksow.swf Which is Flash (160x15 px) into the actual website RIGHT UNDERNEATH the 'bottom'. I've tried, and tried, and tried again... But nothing works :S Does anyone know if there is some trick that I have to do or I'm overlooking something? Im not really in the mood of screwing it up, you know? 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 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. |