JavaScript / DHTML / AJAX RSS JavaScript / DHTML / AJAX RSS

Photoshop, Javascript Photo Gallery Help

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

•
•
Join Date: Feb 2008
Posts: 52
Reputation: Scottmandoo is an unknown quantity at this point 
Solved Threads: 0
Scottmandoo's Avatar
Scottmandoo Scottmandoo is offline Offline
Junior Poster in Training

Photoshop, Javascript Photo Gallery Help

 
0
  #1
May 29th, 2008
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.
My Sites: SlickTunes and Loved By Design
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



acid2 ajax ajaxexample ajaxjspservlets array browser bug captchaformproblem cart checkbox child class close codes createrange() css cursor date debugger decimal dependent design disablefirebug dom dropdown editor element embed engine enter error events explorer ext file firefox focus form forms frameworks getselection google gxt hiddenvalue highlightedword hint html ie7 ie8 iframe images index internet java javascript javascripthelp2020 jquery jsf jsfile jsp jump libcurl listbox maps masterpage math media menu mp4 object onmouseoutdivproblem onmouseover onreadystatechange parent paypal pdf php position post problem programming progressbar prototype redirect runtime safari scale scriptlets scroll search security shopping size software toggle unicode w3c web wysiwyg \n
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC