Jump to content

Flash Gallery and HTML content


Recommended Posts

Ok well I am making a flash portfolio site and I need help with two aspects of it.On the top is the header stuff and flash stuff and the bottom half is the html content and navigation part of the page.what I wanna do is be able to change the html content with the navigation at the bottom of the page without having to reload the flash gallery at the top. I was thinking of using frames to achieve this but then i ran into a problem because I could not figure out how to put two frames under one scrollbar.Is there a way with html/css to be able to change the bottom content of the page without changing the top?If theres no html/css way, i could also do a PHP fix, or javascript but id like to avoid javascript.here is the code for the webpage

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><!-- gallery needs to go fullscreen in IE --><title>Photos George</title><style type="text/css">body{background-color:#272727;padding:0px;margin:0px;}#swirl{background-image:url('images/swirltop.jpg');padding:0px;margin:auto;background-repeat:no-repeat;width:967px;height:183px;}#containerone{margin:auto;width:796px;height:701px;border-left: 2px solid black;border-right: 2px solid black;background-color:#454343;padding:0px;}#gallery{background-image:url('images/headgradbottom.jpg');background-repeat: repeat-x;padding:0px;margin:0px;color:#ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;}#footer{border-left: 2px solid black;border-right: 2px solid black;background-color:#e8c605;width:796px;height:25px;margin:auto;border-top: 1px solid black;border-bottom: 2px solid black;text-align:center;font-family:verdana;font-size:12px;padding-top:4px;}#logo{margin:0px;padding:0px;background-image:url('images/georgehead.jpg');background-repeat:no-repeat;width:510px;height:112px;margin-left:10px;margin-right:0px;padding:0px;}#header{width:100%;background-image:url('images/headgradtop.jpg');background-repeat: repeat-x;margin:0px;padding:0px;}#flowers{width:796px;height:121px;background-image:url(images/blackflower.jpg);background-repeat:no-repeat;margin:auto;padding:0px;position:absolute;top:580px;}a{color:#1d40a3;text-decoration:none;}a:hover{color:#000000;text-decoration:underline;}/* Start bottom part of layout */#containertwo{color:white;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;background-color:#000000;width:800px;margin:auto;padding:0px;}#nav{width:100%;background-image:url('images/navline.jpg');background-repeat:repeat-x;height:27px;margin:0px;padding:0px;}#content{width:100%;margin:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:white;white-space: normal;}</style></head><body>	<div id="swirl"><!-- start first container -->	<div id="containerone"><div id="header"><div id="logo"></div></div>		<div id="gallery" align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="657" height="552" id="photogallery" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="photogallery.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><embed src="photogallery.swf" allowFullScreen="true" quality="high" bgcolor="#ffffff" width="657" height="552" name="photogallery" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>		</div>		<div id="flowers">		</div>	</div><!-- end first container --><div id="containertwo">	<div id="nav">		<div id="navmid"> 		</div>			</div>				<div id="content">	asdasdasaskldasjda'jda'slkjda'jas'kjdl;kfjds;ldfjsdlfjksd;lfjks;dlfjsdfasdjkashdasd;asljdaskl;jdakl;sjdaqweqweiqwyeqweklqwheqwlkjheqweklhqweklqwhjeqwkehqwekqwhelkhqwelkhqwelkqwjheqwlkheqwklheqwkheqwlkheqwelkheqlwkhjeqwhwelkwshgdasjklhdaskljhdassfgsfhdasjklfhsdf<br /></div>	</div>			<div id="footer">Site Made and Maintained by <a href="http://www.ocustruct.com/" target="_blank"> ocustruct.com</a>	</div>		</div></body></html>

Link to post
Share on other sites

The Flash should be cached by the browser, but if you want to change the bottom section asynchroniously of the rest of the page you can use AJAX - http://www.w3schools.com/ajax/

Link to post
Share on other sites

Ok then.well i looked up some AJAX and now i got the site working perfectly with the httprequest stuff i just learned =Pthank you very much guys! heres a link to what im doing:http://www.ocustruct.com/george/none of you have to do this but if anybody wants to look at the scripts feel free to tell me what you guys think would help it to make it more optimal for the user.right now my gallery is really slow.im working on trying to optimize its performance right now.thanks for the help!

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...