<?xml version="1.0" encoding="UTF-8"?>    <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
      <channel>
        <title>Thumbnail gallery</title>
        <link>https://interactivetools.com/forum/forum-posts.php?Thumbnail-gallery-71599</link>
        <description></description>
        <pubDate>Fri, 15 May 2026 04:38:15 -0700</pubDate>
        <language>en-us</language>
        <atom:link href="https://interactivetools.com/forum/forum-posts.php?rss=1&amp;Thumbnail-gallery-71599" rel="self" type="application/rss+xml" />

                <item>
          <title>Re: [chris] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206172#post2206172</link>
          <description><![CDATA[Thank you so much! I've got it all working now. I just need to sort the thumbnail rollovers! :)<br />]]></description>
          <pubDate>Thu, 19 Aug 2010 07:10:48 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206172#post2206172</guid>
        </item>
                <item>
          <title>Re: [Jason] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206165#post2206165</link>
          <description><![CDATA[Hi Hannah,<br /><br />Here's a section of your code, with line 17 highlighted in red:<br /><br /><code>  // load records<br />  list($testRecords, $testMetaData) = getRecords(array(<br />    'tableName'   =&gt; 'test',<br />    'where'       =&gt; whereRecordNumberInUrl(1),<br />    'limit'       =&gt; '1',<br />  ));<br /><span style="color:red">$testRecord = @$testRecords[0]; // get first record  </span><br />// show error message if no matching record is found<br />  if (!$testRecord) {<br />    header(&quot;HTTP/1.0 404 Not Found&quot;);<br />    print &quot;Record not found!&quot;;<br />    exit;<br />  }</code><br /><br />The code I gave you expects the record variable to be called $record, but your code provides a record variable called $testRecord. I'm assuming that you followed Jason's earlier advice again and renamed $testRecord to $record on line 17. Did you also rename $testRecord to $record on line 19? That might be the problem. Your code should look like this:<br /><br /><code>  // load records<br />  list($testRecords, $testMetaData) = getRecords(array(<br />    'tableName'   =&gt; 'test',<br />    'where'       =&gt; whereRecordNumberInUrl(1),<br />    'limit'       =&gt; '1',<br />  ));<br /><span style="color:red">$record</span> = @$testRecords[0]; // get first record  <br />// show error message if no matching record is found<br />  if (!<span style="color:red">$record</span>) {<br />    header(&quot;HTTP/1.0 404 Not Found&quot;);<br />    print &quot;Record not found!&quot;;<br />    exit;<br />  }</code><br /><br />Alternately, you could change every instance of $record in <b>my</b> code to $testRecord. It doesn't matter what the record variable is called, but it does matter that it's called the same thing every time.<br /><br />Does this help? Please let me know if you have any questions.<br />]]></description>
          <pubDate>Wed, 18 Aug 2010 15:28:23 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206165#post2206165</guid>
        </item>
                <item>
          <title>Re: [Kittybiccy] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206161#post2206161</link>
          <description><![CDATA[Hi,<br /><br />Have you tried making the changes Chris suggested?  If you can email your CMS Builder and FTP details to jason@interactivetools.com I can take a quick look at this.<br /><br />Please only email this information, don't post it to the forum.<br /><br />Thanks.<br />]]></description>
          <pubDate>Wed, 18 Aug 2010 14:53:46 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206161#post2206161</guid>
        </item>
                <item>
          <title>Re: [chris] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206142#post2206142</link>
          <description><![CDATA[Thanks! When I change the php on line 17 the page will not display at all so not sure if it is working! Will attach the page again, any ideas?<br />]]></description>
          <pubDate>Wed, 18 Aug 2010 03:21:54 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206142#post2206142</guid>
        </item>
                <item>
          <title>Re: [Jason] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206128#post2206128</link>
          <description><![CDATA[Hi Hannah,<br /><br /><blockquote><br />I think I will need two upload fields though as the large image and the thumbnail images are different proportions (thumbnails are more square). <br /></blockquote><br /><br />Ahh, right! Changes in red below for your two upload fields:<br /><br /><code>&lt;?php <br />  function generateShowHideLayerCode($thisLayer, $totalLayers) { <br />    $code = ''; <br />    foreach (range(1, $totalLayers, 1) as $layerIndex) { <br />      if ($code) { $code .= ','; } <br />      $showOrHide = ($layerIndex == $thisLayer) ? 'show' : 'hide'; <br />      $code .= &quot;'apDiv{$layerIndex}','','{$showOrHide}'&quot;; <br />    } <br />    return $code; <br />  } <br />?&gt; <br />&lt;?php $totalLayers = <span style="color:red">min(sizeof($record['large_image']), sizeof($record['thumbnail_images']))</span>; ?&gt; <br /> <br />&lt;div class=&quot;large_image&quot;&gt; <br />&lt;?php $count = 1 ?&gt; <br />&lt;?php foreach ($record['<span style="color:red">large_image</span>'] as $upload): ?&gt; <br />  &lt;div id=&quot;apDiv&lt;?php echo $count ?&gt;&quot;&gt;&lt;img src=&quot;&lt;?php echo $upload['urlPath'] ?&gt;&quot; width=&quot;&lt;?php echo $upload['width'] ?&gt;&quot; height=&quot;&lt;?php echo $upload['height'] ?&gt;&quot; border=&quot;0&quot; /&gt;&lt;/div&gt; <br />  &lt;?php $count++ ?&gt; <br />&lt;?php endforeach ?&gt; <br />&lt;/div&gt; <br /> <br />&lt;div class=&quot;thumbnail_images&quot;&gt; <br />&lt;?php $count = 1 ?&gt; <br />&lt;?php foreach ($record['<span style="color:red">thumbnail_images</span>'] as $upload): ?&gt; <br />  &lt;?php if ($count != 1): ?&gt; <br />    &lt;img src=&quot;Images/5px.jpg&quot; border=&quot;0&quot; /&gt; <br />  &lt;?php endif ?&gt; <br />  &lt;img src=&quot;&lt;?php echo $upload['<span style="color:red">urlPath</span>'] ?&gt;&quot; width=&quot;&lt;?php echo $upload['<span style="color:red">width</span>'] ?&gt;&quot; height=&quot;&lt;?php echo $upload['<span style="color:red">height</span>'] ?&gt;&quot; border=&quot;0&quot; <br />   onmouseover=&quot;MM_showHideLayers(&lt;?php echo generateShowHideLayerCode($count, $totalLayers) ?&gt;)&quot; /&gt; <br />  &lt;?php $count++ ?&gt; <br />&lt;?php endforeach ?&gt; <br />&lt;/div&gt;</code><br /><br />I hope this helps! Please let me know if you have any questions.<br />]]></description>
          <pubDate>Tue, 17 Aug 2010 15:19:03 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206128#post2206128</guid>
        </item>
                <item>
          <title>Re: [Kittybiccy] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206109#post2206109</link>
          <description><![CDATA[Hi,<br /><br />I think I found the problem.  On line 17, trying changing the code from this:<br /><br /><code>  $testRecord = @$testRecords[0]; // get first record</code><br /><br />to this:<br /><code>  $record = @$testRecords[0]; // get first record</code><br /><br />That should get rid of the errors you're seeing.<br /><br />Hope this helps.<br />]]></description>
          <pubDate>Tue, 17 Aug 2010 11:04:09 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206109#post2206109</guid>
        </item>
                <item>
          <title>Re: [Jason] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206106#post2206106</link>
          <description><![CDATA[Hi Jason,<br /><br />Page attached.<br /><br />Thanks in advance!<br />]]></description>
          <pubDate>Tue, 17 Aug 2010 10:51:48 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206106#post2206106</guid>
        </item>
                <item>
          <title>Re: [Kittybiccy] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206101#post2206101</link>
          <description><![CDATA[Hi,<br /><br />I think what's happening is something is just being named wrong.  We'll need to fix this before we can actually display any records.  If you could attach test.php to this thread, I can take a look and find the problem.<br /><br />Hope this  helps.<br />]]></description>
          <pubDate>Tue, 17 Aug 2010 10:39:39 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206101#post2206101</guid>
        </item>
                <item>
          <title>Re: [chris] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206088#post2206088</link>
          <description><![CDATA[I've been playing around with it with the one upload field - to see if I could get that working but I'm getting &quot;Undefined variable: record in&quot;. Here is the page:<br />http://www.ariaraisland.com/cmsb/test.php<br /><br />It might be irrelevant anyway as I'll need to do this with two upload fields, one 'large_image' and one 'thumbnail_images' but if you could give me some more help it would be greatly appreciated!<br />]]></description>
          <pubDate>Tue, 17 Aug 2010 04:40:32 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206088#post2206088</guid>
        </item>
                <item>
          <title>Re: [chris] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206087#post2206087</link>
          <description><![CDATA[Thanks, that's brill, I'll give it a try and let you know how I get on! I think I will need two upload fields though as the large image and the thumbnail images are different proportions (thumbnails are more square). <br /><br />Sorry to keep asking!<br />]]></description>
          <pubDate>Tue, 17 Aug 2010 03:10:30 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206087#post2206087</guid>
        </item>
                <item>
          <title>Re: [Kittybiccy] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206071#post2206071</link>
          <description><![CDATA[Hi Hannah,<br /><br />You can use two separate upload fields if you want, or you can use a single upload field and have CMS Builder automatically thumbnail for you. You can use either list or detail pages, but I think this will be easier with detail pages. For simplicity, I'll use a single upload field on a detail page in this example.<br /><br />Here's the HTML code you're wanting to produce, for reference:<br /><br /><code>&lt;div class=&quot;large_image&quot;&gt;<br />  &lt;div id=&quot;apDiv1&quot;&gt;&lt;img src=&quot;Images/island-location1.jpg&quot; width=&quot;590&quot; height=&quot;360&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;<br />  &lt;div id=&quot;apDiv2&quot;&gt;&lt;img src=&quot;Images/island-location5.jpg&quot; width=&quot;590&quot; height=&quot;360&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;<br />  &lt;div id=&quot;apDiv3&quot;&gt;&lt;img src=&quot;Images/island-location2.jpg&quot; width=&quot;590&quot; height=&quot;360&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;<br />  &lt;div id=&quot;apDiv4&quot;&gt;&lt;img src=&quot;Images/island-location3.jpg&quot; width=&quot;590&quot; height=&quot;360&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;<br />  &lt;div id=&quot;apDiv5&quot;&gt;&lt;img src=&quot;Images/island-location4.jpg&quot; width=&quot;590&quot; height=&quot;360&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;<br />&lt;/div&gt;<br /><br />&lt;div class=&quot;thumbnail_images&quot;&gt;<br />  &lt;img src=&quot;Images/thumbs/island-location1.jpg&quot; width=&quot;114&quot; height=&quot;110&quot; border=&quot;0&quot; onmouseover=&quot;MM_showHideLayers(<span style="color:red">'apDiv1','','show','apDiv2','','hide','apDiv3','','hide','apDiv4','','hide','apDiv5','','hide'</span>)&quot; /&gt;<br />  &lt;img src=&quot;Images/5px.jpg&quot; border=&quot;0&quot; /&gt;<br />  &lt;img src=&quot;Images/thumbs/island-location5.jpg&quot; width=&quot;114&quot; height=&quot;110&quot; border=&quot;0&quot; onmouseover=&quot;MM_showHideLayers(<span style="color:red">'apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','hide'</span>)&quot; /&gt;<br />  &lt;img src=&quot;Images/5px.jpg&quot; border=&quot;0&quot; /&gt;<br />  &lt;img src=&quot;Images/thumbs/island-location2.jpg&quot; width=&quot;114&quot; height=&quot;110&quot; border=&quot;0&quot; onmouseover=&quot;MM_showHideLayers(<span style="color:red">'apDiv1','','hide','apDiv2','','hide','apDiv3','','show','apDiv4','','hide','apDiv5','','hide'</span>)&quot; /&gt;<br />  &lt;img src=&quot;Images/5px.jpg&quot; border=&quot;0&quot; /&gt;<br />  &lt;img src=&quot;Images/thumbs/island-location3.jpg&quot; border=&quot;0&quot; onmouseover=&quot;MM_showHideLayers(<span style="color:red">'apDiv1','','hide','apDiv2','','hide','apDiv3','','hide','apDiv4','','show','apDiv5','','hide'</span>)&quot; /&gt;<br />  &lt;img src=&quot;Images/5px.jpg&quot; border=&quot;0&quot; /&gt;<br />  &lt;img src=&quot;Images/thumbs/island-location4.jpg&quot; width=&quot;114&quot; height=&quot;110&quot; border=&quot;0&quot; onmouseover=&quot;MM_showHideLayers(<span style="color:red">'apDiv1','','hide','apDiv2','','hide','apDiv3','','hide','apDiv4','','hide','apDiv5','','show'</span>)&quot; /&gt;<br />&lt;/div&gt;</code><br /><br />That's actually very complicated compared to a lot of gallery source code I've seen, but I enjoy a good challenge! The function below will generate the JavaScript in red above.<br /><br /><code>&lt;?php<br />  function generateShowHideLayerCode($thisLayer, $totalLayers) {<br />    $code = '';<br />    foreach (range(1, $totalLayers, 1) as $layerIndex) {<br />      if ($code) { $code .= ','; }<br />      $showOrHide = ($layerIndex == $thisLayer) ? 'show' : 'hide';<br />      $code .= &quot;'apDiv{$layerIndex}','','{$showOrHide}'&quot;;<br />    }<br />    return $code;<br />  }<br />?&gt;<br />&lt;?php $totalLayers = sizeof($record['uploads']); ?&gt;<br /><br />&lt;div class=&quot;large_image&quot;&gt;<br />&lt;?php $count = 1 ?&gt;<br />&lt;?php foreach ($record['uploads'] as $upload): ?&gt;<br />  &lt;div id=&quot;apDiv&lt;?php echo $count ?&gt;&quot;&gt;&lt;img src=&quot;&lt;?php echo $upload['urlPath'] ?&gt;&quot; width=&quot;&lt;?php echo $upload['width'] ?&gt;&quot; height=&quot;&lt;?php echo $upload['height'] ?&gt;&quot; border=&quot;0&quot; /&gt;&lt;/div&gt;<br />  &lt;?php $count++ ?&gt;<br />&lt;?php endforeach ?&gt;<br />&lt;/div&gt;<br /><br />&lt;div class=&quot;thumbnail_images&quot;&gt;<br />&lt;?php $count = 1 ?&gt;<br />&lt;?php foreach ($record['uploads'] as $upload): ?&gt;<br />  &lt;?php if ($count != 1): ?&gt;<br />    &lt;img src=&quot;Images/5px.jpg&quot; border=&quot;0&quot; /&gt;<br />  &lt;?php endif ?&gt;<br />  &lt;img src=&quot;&lt;?php echo $upload['thumbUrlPath'] ?&gt;&quot; width=&quot;&lt;?php echo $upload['thumbWidth'] ?&gt;&quot; height=&quot;&lt;?php echo $upload['thumbHeight'] ?&gt;&quot; border=&quot;0&quot;<br />   onmouseover=&quot;MM_showHideLayers(&lt;?php echo generateShowHideLayerCode($count, $totalLayers) ?&gt;)&quot; /&gt;<br />  &lt;?php $count++ ?&gt;<br />&lt;?php endforeach ?&gt;<br />&lt;/div&gt;</code><br /><br />I hope this helps! Please let me know if you have any questions.<br />]]></description>
          <pubDate>Mon, 16 Aug 2010 15:14:16 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206071#post2206071</guid>
        </item>
                <item>
          <title>Re: [chris] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206052#post2206052</link>
          <description><![CDATA[Hi Chris,<br /><br />The navigation can be static, that is fine. I just need to know how to get the small thumbnail images displaying the larger images. <br /><br />Can each page simply have a thumbnail image upload field and a large image upload field - both allowing 5 image uploads? And will it make a difference if they are list or detail pages?<br /><br />Thanks, Hannah<br />]]></description>
          <pubDate>Mon, 16 Aug 2010 03:15:07 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206052#post2206052</guid>
        </item>
                <item>
          <title>Re: [Kittybiccy] Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206025#post2206025</link>
          <description><![CDATA[Hi Kittybiccy,<br /><br />Having a static HTML sample is definitely the first step, which you've already completed.<br /><br />Next, you'll want to set up CMS Builder section(s) to upload your images into.<br /><br />Personally, looking at your existing site structure, I would want to use a Subcategory structure and manage all the pages except Home and prices_ariara_rates2.html with a single section. It may be simpler to use a single Multi Record section and leave the navigation static, however.<br /><br />Finally, you can post your sample HTML (which you've already done) and your viewer PHP code and we can help you make your PHP generate the same HTML required to get your rollovers working! :)<br /><br />I hope this helps! Please let me know if you have any questions.<br />]]></description>
          <pubDate>Fri, 13 Aug 2010 14:53:04 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206025#post2206025</guid>
        </item>
                <item>
          <title>Thumbnail gallery</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2206017#post2206017</link>
          <description><![CDATA[Hi there,<br /><br />I have this site working in HTML: http://www.ariaraisland.com/the_island.html<br /><br />I need to find a way of setting up a gallery per page of thumbnail images which when rolled over display a larger image. Can anyone help? Best way of doing this?<br /><br />Thanks in advance!<br />]]></description>
          <pubDate>Fri, 13 Aug 2010 09:45:56 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2206017#post2206017</guid>
        </item>
              </channel>
    </rss>
  