Jump to content

Flash Gallery and HTML content


elementis0

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 comment
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 comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...