943,083 Members | Top Members by Rank

Web Development > JavaScript / DHTML / AJAX > Photoshop, Javascript Photo Gallery Help
Ad:
Permalink
May 29th, 2008
0

Photoshop, Javascript Photo Gallery Help

Expand Post »
Ok so I used Adobe Photoshop to generate my Photo Gallery Code, the default index.html page it creates works fine when i upload it to my site but as soon as I add my sites layout around the code it does not seem to work, can anyone please help me.

Page with problem: http://lovedbydesign.com/store/t-shirt-1/index.html
What it should look like in the empty table cell in the above page: http://lovedbydesign.com/store/t-shirt-1/index2.html

javascript Syntax (Toggle Plain Text)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8.  
  9. <title>T-Shirt 1 Test page</title>
  10.  
  11. <!-- FlashObject embed by Geoff Stearns geoff@choppingblock.com http://choppingblock.com/ -->
  12.  
  13. <script type="text/javascript" src="flashobject.js"></script>
  14.  
  15.  
  16.  
  17. <script type="text/javascript">
  18.  
  19.  
  20.  
  21. 	window.onload = function() {
  22.  
  23. 		if ((window.document.getElementById) && (window.document.getElementById('gallery').focus)) {
  24.  
  25. 			window.document.getElementById('gallery').focus();
  26.  
  27. 		}
  28.  
  29. 	}
  30.  
  31.  
  32.  
  33. </script>
  34.  
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39. 	/* hide from ie5 mac \*/
  40.  
  41. 	html {
  42.  
  43. 		height: 100%;
  44.  
  45. 		overflow: hidden;
  46.  
  47. 	}
  48.  
  49.  
  50.  
  51. 	#flashcontent {
  52.  
  53. 		height: 100%;
  54.  
  55. 	}
  56.  
  57. 	/* end hide */
  58.  
  59.  
  60.  
  61. 	body {
  62. 	height: 100%;
  63. 	margin: 0;
  64. 	padding: 0;
  65. 	background-color: #ffffff;
  66. 	background-image: url(../../images/background.png);
  67. 	}
  68.  
  69.  
  70.  
  71. .style4 {color: #8B6944}
  72. .style7 {	color: #f15ba3;
  73. 	font-weight: bold;
  74. 	font-size: 16px;
  75. }
  76. body,td,th {
  77. 	font-family: Arial, Helvetica, sans-serif;
  78. 	font-size: 12px;
  79. 	color: #000000;
  80. }
  81. a:hover {
  82. 	color: #8B6944;
  83. }
  84. </style>
  85. <link href="../../style.css" rel="stylesheet" type="text/css" />
  86. </head>
  87.  
  88. <body>
  89. <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  90.   <tr>
  91.     <td width="10" rowspan="6" class="border-left">&nbsp;</td>
  92.   </tr>
  93.   <tr>
  94.     <td class="angled-background"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  95.       <tr>
  96.         <td rowspan="2"><div align="left"><img src="../../images/header.png" alt="Loved - you wear what you eat" width="246" height="120" /></div></td>
  97.         <td width="55"><div align="center"><a href="faq.php"><img src="../../images/faq.png" alt="faq" width="36" height="58" onmouseover="this.src='../../images/faq-ro.png'" onmouseout="this.src='../../images/faq.png'" border="0"/></a></div></td>
  98.         <td width="55"><div align="center"><a href="http://www.myspace.com/lovedbydesign" target="_blank"><img src="../../images/myspace.png" alt="myspace" width="52" height="60" onmouseover="this.src='../../images/myspace-ro.png'" onmouseout="this.src='../../images/myspace.png'" border="0"/></a></div></td>
  99.         <td width="55"><div align="center"><a href="contact.php"><img src="../../images/contact.png" alt="contact" width="44" height="58" onmouseover="this.src='../../images/contact-ro.png'" onmouseout="this.src='../../images/contact.png'" border="0"/></a></div></td>
  100.       </tr>
  101.       <tr>
  102.         <td colspan="3"><form id="form1" name="form1" method="post" action="">
  103.           <table width="100%" border="0" cellspacing="0" cellpadding="2">
  104.             <tr>
  105.               <td><div align="right" class="style2 style7">mailing list </div></td>
  106.             </tr>
  107.             <tr>
  108.               <td><script>
  109. function change(that, fgcolor, bgcolor){
  110. that.style.color = fgcolor;
  111. that.style.backgroundColor = bgcolor;
  112. }
  113.  
  114.         </script>
  115.                       <label>
  116.                       <div align="right">
  117.                         <input name="mailing list" type="text" id="mailing list" onfocus="change(this,'#FFFFFF','#8b6944');" onblur="change(this,'#FFFFFF','#8b6944');" size="20" />
  118.                       </div>
  119.                 </label></td>
  120.             </tr>
  121.             <tr>
  122.               <td><div align="right"><img src="../../images/join-us.png" alt="" width="80" height="19" /></div></td>
  123.             </tr>
  124.           </table>
  125.         </form></td>
  126.       </tr>
  127.     </table>
  128.         <div align="center"></div>
  129.       <div align="center"></div>
  130.       <div align="center"></div></td>
  131.     <td width="10" rowspan="5" class="border-right">&nbsp;</td>
  132.   </tr>
  133.   <tr>
  134.     <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  135.       <tr>
  136.         <td width="60" bgcolor="#FFFFFF"><div align="center"><a href="../../blog.php" class="nav">blog</a></div></td>
  137.         <td width="60" bgcolor="#FFFFFF"><div align="center"><a href="../../store.php" class="nav">store</a></div></td>
  138.         <td width="60" bgcolor="#FFFFFF"><div align="center"><a href="../../press.php" class="nav">press</a></div></td>
  139.         <td width="60" bgcolor="#FFFFFF"><div align="center"><a href="../../events.php" class="nav">events</a></div></td>
  140.         <td width="60" bgcolor="#FFFFFF"><p align="center"><a href="../../links.php" class="nav">links</a></p></td>
  141.         <td width="480" bgcolor="#FFFFFF">&nbsp;</td>
  142.       </tr>
  143.     </table></td>
  144.   </tr>
  145.   <tr>
  146.     <td  height="2" bgcolor="#8b6944"></td>
  147.   </tr>
  148.   <tr>
  149.     <td valign="top" bgcolor="#8b6944"><table width="100%" border="0" cellspacing="2" cellpadding="2">
  150.       <tr>
  151.         <td valign="top" bgcolor="#FFFFFF"><img src="../../images/store-heading.png" alt="Blog" width="98" height="40" />
  152.               <table width="100%" border="0" cellspacing="0" cellpadding="0">
  153.                 <tr>
  154.                   <td background="../../images/dot.png" height="3px"></td>
  155.                 </tr>
  156.               </table>
  157.           <br />
  158.  
  159.  
  160. <div style="display:none">
  161.  
  162. 	<div>%FLASH%</div>
  163.  
  164.  
  165.  
  166. 	<div>T-Shirt 1 Test page</div>
  167.  
  168. 	<div></div>
  169.  
  170. 	<div></div>
  171.  
  172. 	<div></div>
  173.  
  174. 	<div></div>
  175.  
  176.  
  177.  
  178. 	<div>#F0F0F0</div>
  179.  
  180. 	<div>#FFFFFF</div>
  181.  
  182. 	<div>#000000</div>
  183.  
  184. 	<div>#0000FF</div>
  185.  
  186. 	<div>#800080</div>
  187.  
  188. 	<div>#FF0000</div>
  189.  
  190.  
  191.  
  192. 	<div>.jpg</div>
  193.  
  194. 	<div></div>
  195.  
  196. 	<div></div>
  197.  
  198. 	<div></div>
  199.  
  200. 	<div></div>
  201.  
  202. </div>
  203.  
  204.  
  205.  
  206. <table width="100%" border="0" cellspacing="0" cellpadding="2">
  207.   <tr>
  208.     <td width="53%" valign="top"><div id="flashcontent">
  209.       <div align="center">
  210.         <script type="text/javascript">
  211.  
  212. 		// <![CDATA[
  213.  
  214.  
  215.  
  216. 		var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", 6, "#ffffff");
  217.  
  218. 		myFlashObject.addParam("scale", "noscale");
  219.  
  220. 		myFlashObject.addVariable("request", getQueryParamValue("image"));
  221.  
  222. 		myFlashObject.addVariable("photosXmlFile", "photos.xml");
  223.  
  224. 		myFlashObject.addVariable("configXmlFile", "galleryconfig.xml");
  225.  
  226. 		myFlashObject.write();
  227.  
  228.  
  229.  
  230. 		// ]]>
  231.  
  232. 	  </script>
  233.         <noscript>
  234.           You must enable Javascript to view this content.
  235.           </noscript>
  236.         </div>
  237.     </div></td>
  238.     <td width="47%" valign="top"><p><strong>Description:</strong> Blah Blah Blah</p>
  239.       <p><strong>Colours:</strong> White, Brown Etc.</p>
  240.       <p><strong>Price:</strong> $35.95</p>
  241.       <p><strong>Size: 
  242.         <select name="select" id="select">
  243.           <option value="Small">Small</option>
  244.           <option value="Medium">Medium</option>
  245.           <option value="Large">Large</option>
  246.         </select>
  247.       </strong></p>
  248.       <p><img src="../../images/addtocart.jpg" alt="add to cart" width="87" height="23" /> <img src="../../images/viewcart.jpg" alt="view cart" width="87" height="23" /></p></td>
  249.   </tr>
  250. </table></td>
  251.       </tr>
  252.     </table></td>
  253.   </tr>
  254.   <tr>
  255.     <td valign="top" bgcolor="#FFFFFF"><div align="center"><span class="style4">loved by design © 2008 - all rights reserved</span></div></td>
  256.   </tr>
  257. </table>
  258. </body>
  259.  
  260. </html>
Last edited by Scottmandoo; May 29th, 2008 at 11:08 am.
Similar Threads
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
Scottmandoo is offline Offline
61 posts
since Feb 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: how to move control
Next Thread in JavaScript / DHTML / AJAX Forum Timeline: problem with the body and style.....





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC