<?xml version="1.0" encoding="UTF-8"?>    <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
      <channel>
        <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
        <link>https://interactivetools.com/forum/forum-posts.php?LIGHTBOX-Link-from-Single-Image-multiple-hidden-images-81174</link>
        <description></description>
        <pubDate>Mon, 17 Aug 2026 13:33:54 -0700</pubDate>
        <language>en-us</language>
        <atom:link href="https://interactivetools.com/forum/forum-posts.php?rss=1&amp;LIGHTBOX-Link-from-Single-Image-multiple-hidden-images-81174" rel="self" type="application/rss+xml" />

                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241474#post2241474</link>
          <description><![CDATA[<p>Deborah, Worked like a charm!!! Thank you! </p>]]></description>
          <pubDate>Mon, 20 Nov 2017 18:08:18 -0800</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241474#post2241474</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241431#post2241431</link>
          <description><![CDATA[<p>Thanks Deborah! I'll try it!! </p>]]></description>
          <pubDate>Tue, 07 Nov 2017 13:29:25 -0800</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241431#post2241431</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241420#post2241420</link>
          <description><![CDATA[<p>Tina, this example might work for you, merged with whatever other code customization you're using...</p>
<p>&lt;?php foreach ($vendor_listRecords as $record): ?&gt;<br />Total images = &lt;?php $imagesTotal = count($record['upload_images']); ?&gt; &lt;?php echo $imagesTotal; ?&gt;<br />&lt;?php foreach ($record['upload_images'] as $index =&gt; $upload): ?&gt;<br />&lt;img src="&lt;?php echo htmlencode($upload['thumbUrlPath']) ?&gt;" width="&lt;?php echo $upload['thumbWidth'] ?&gt;" height="&lt;?php echo $upload['thumbHeight'] ?&gt;" alt="" /&gt;&lt;br/&gt;<br />&lt;?php endforeach ?&gt;<br />&lt;?php endforeach ?&gt;</p>
<p>~ Deborah</p>]]></description>
          <pubDate>Mon, 06 Nov 2017 10:43:24 -0800</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241420#post2241420</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241410#post2241410</link>
          <description><![CDATA[<p>This is not entirely the same subject, but in the same area. I'm trying to add an uploaded image count. For instance, under each single image. I put an icon and text for more images but I would also like to show the image count (number of images uploaded for that record) next to it. </p>
<p>See Images [6]</p>
<p>Screenshot Attached</p>
<p>Thanks!!! Tina</p>]]></description>
          <pubDate>Thu, 02 Nov 2017 16:10:51 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241410#post2241410</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241404#post2241404</link>
          <description><![CDATA[<p>Thanks Tim! Thanks Deborah!</p>
<p>Worked like a charm! Now I have two options.  I'm going to use the one you sent me to try to fix the older page that's giving an error. </p>
]]></description>
          <pubDate>Thu, 02 Nov 2017 11:47:15 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241404#post2241404</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241403#post2241403</link>
          <description><![CDATA[<p>Thanks Deborah!!!  Kinda funny because I just got it to work using this code but I'm going to try yours too because I have another one that was working a few years ago and now it's not. (was similar to this one I'm posting) </p>
<p><a href="http://www.webportfolio.com/acms/sipowellcraftfair/vendor-list-craft-fair-powell-wy3a.php" rel="nofollow">http://www.webportfolio.com/acms/sipowellcraftfair/vendor-list-craft-fair-powell-wy3a.php</a></p>
<p><code> &lt;?php $count = 0; foreach ($record['upload_images'] as $index =&gt; $upload): ?&gt;<br />       <br />&lt;div class="four columns"&gt;<br /> &lt;a &lt;?php echo $count &gt; 0 ? 'style="display: none;"' : ''; ?&gt;href="&lt;?php echo $upload['urlPath'] ?&gt;" data-lightbox="vendor&lt;?php echo htmlencode($record['vendor_number']) ?&gt;" data-title="&lt;?php echo htmlencode($record['title']) ?&gt;"&gt;<br /> &lt;img src="&lt;?php echo $upload['thumbUrlPath2'] ?&gt;" alt="&lt;?php echo $upload['info1'] ?&gt;"/&gt;&lt;/a&gt;<br /> &lt;/div&gt;<br /><br /> &lt;?php $count++; endforeach ?&gt;<br />   <br />&lt;?php if (!$record['upload_images']) : /* if no uploads show this: */ ?&gt;<br />&lt;div class="four columns"&gt;&lt;img src="images/craft-fair-badge-noimg-gray.png" alt="Powell Craft Fairs Festivals Markets" /&gt;&lt;/div&gt;<br /> &lt;?php endif ?&gt;</code></p>
]]></description>
          <pubDate>Thu, 02 Nov 2017 11:41:37 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241403#post2241403</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241402#post2241402</link>
          <description><![CDATA[<p>Hi, csdesign. I've done similar setups for image galleries. I merged your code and Tim's and added a semi-color or colon here/there and the errors appear to be eliminated in Dreamweaver. I've not tested this specific code, but you may wish to try it with your setup.</p>
<p><code>&lt;?php $count = 1; ?&gt;<br /><br />&lt;?php foreach ($record['upload_images'] as $index =&gt; $upload): ?&gt;<br />&lt;?php if ($count == 1): ?&gt;<br />&lt;div class="four columns"&gt;<br />&lt;a href="&lt;?php echo $upload['urlPath'] ?&gt;" data-lightbox="vendor&lt;?php echo htmlencode($record['vendor_number']) ?&gt;" data-title="&lt;?php echo htmlencode($record['title']) ?&gt;"&gt;<br />&lt;img src="&lt;?php echo $upload['thumbUrlPath2'] ?&gt;" alt="&lt;?php echo $upload['info1'] ?&gt;"/&gt;&lt;/a&gt;<br />&lt;/div&gt;<br />&lt;?php else: ?&gt;<br />&lt;a href="&lt;?php echo $upload['urlPath'] ?&gt;" data-lightbox="vendor&lt;?php echo htmlencode($record['vendor_number']) ?&gt;" data-title="&lt;?php echo htmlencode($record['title']) ?&gt;"&gt;&lt;/a&gt;<br />&lt;?php endif; ?&gt;<br /><br />&lt;?php $count++ ?&gt;<br /><br />&lt;?php endforeach ?&gt;</code></p>
<p>Give it a try if you'd like and let us know if it works!</p>
<p>~ Deborah</p>]]></description>
          <pubDate>Thu, 02 Nov 2017 10:25:30 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241402#post2241402</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241401#post2241401</link>
          <description><![CDATA[<p>Hi Tim, </p>
<p>Thanks so much for the help. I've worked for hours on this (definitely not an expert coder). I've tried a lot of variations but can't make it work correctly. The only browser error I'm getting is 500.  However, I am getting 3 line code errors in dreamweaver... that to be honest, I don't know how to fix. </p>
<p>I know, stupid question, but the "php else" command is being used to eliminate the need for "php break", correct?</p>
<p>Any advice?  (3 screenshots attached - 1 for each error) </p>
]]></description>
          <pubDate>Thu, 02 Nov 2017 07:47:22 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241401#post2241401</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241400#post2241400</link>
          <description><![CDATA[<p>Working on it... Tomorrow. </p>]]></description>
          <pubDate>Wed, 01 Nov 2017 19:39:11 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241400#post2241400</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241399#post2241399</link>
          <description><![CDATA[<p><a href="http://www.webportfolio.com/acms/sipowellcraftfair/vendor-list-craft-fair-powell-wy3.php" rel="nofollow">http://www.webportfolio.com/acms/sipowellcraftfair/vendor-list-craft-fair-powell-wy3.php</a></p>
<p>Darn. error 500</p>]]></description>
          <pubDate>Wed, 01 Nov 2017 19:19:47 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241399#post2241399</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241398#post2241398</link>
          <description><![CDATA[<p>You need to add a count so that the first image is shown as is, but then after the fisrt image, the rest are coded without the thumbnail. something like this - but not tested :)</p>

<blockquote>
<p>&lt;?php $count=1 ?&gt;<br /> &lt;?php foreach ($record['upload_images'] as $index =&gt; $upload): ?&gt;<br /><br /> &lt;?php if $count ==1 ?&gt;<br /> &lt;div class="four columns"&gt;<br /> &lt;a href="&lt;?php echo $upload['urlPath'] ?&gt;" data-lightbox="vendor&lt;?php echo htmlencode($record['vendor_number']) ?&gt;" data-title="&lt;?php echo htmlencode($record['title']) ?&gt;"&gt;<br /> &lt;img src="&lt;?php echo $upload['thumbUrlPath2'] ?&gt;" alt="&lt;?php echo $upload['info1'] ?&gt;"/&gt;&lt;/a&gt;<br /> &lt;/div&gt;<br /> &lt;?php else ?&gt;<br /> &lt;a href="&lt;?php echo $upload['urlPath'] ?&gt;" data-lightbox="vendor&lt;?php echo htmlencode($record['vendor_number']) ?&gt;" data-title="&lt;?php echo htmlencode($record['title']) ?&gt;"&gt;&lt;/a&gt;<br /> &lt;?php endif ?&gt;<br /><br /> &lt;?php $count++ ?&gt;</p>
<p>&lt;?php endforeach ?&gt;</p>
</blockquote>]]></description>
          <pubDate>Wed, 01 Nov 2017 19:06:29 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241398#post2241398</guid>
        </item>
                <item>
          <title>LIGHTBOX Link from Single Image (multiple hidden images)</title>
          <link>https://interactivetools.com/forum/forum-posts.php?postNum=2241397#post2241397</link>
          <description><![CDATA[<p>Hello!</p>
<p>I'm trying to get my single thumbnail image to link to a lightbox slideshow of additional hidden images. As it is right now, if I click on the thumbnail, it just brings up that image by itsself in lightbox. No links/slideshow to view the additional photos. </p>
<p>If I remove the  <strong>&lt;?php break ?&gt; </strong>then all thumbnails display and lightbox works as expected (opens to large images &amp; slideshow/back/next)<br />However, I only want one thumbnail to show. Any advice?</p>
<p>Here's a link to my current working sample (still being styled so ignore that part). I've put the number of images that each listing contains in the title for reference. </p>
<p><strong>SAMPLE PAGE: <br /><a href="http://www.webportfolio.com/acms/sipowellcraftfair/vendor-list-craft-fair-powell-wy2.php" rel="nofollow">http://www.webportfolio.com/acms/sipowellcraftfair/vendor-list-craft-fair-powell-wy2.php</a></strong></p>
<p><code>&lt;?php foreach ($vendor_listRecords as $record): ?&gt;<br />     &lt;div class="eight columns"&gt;<br />       <br />     &lt;!--IMAGE AREA--&gt;<br />     &lt;?php foreach ($record['upload_images'] as $index =&gt; $upload): ?&gt;<br />       <br />          &lt;div class="four columns"&gt;<br />          &lt;a href="&lt;?php echo $upload['urlPath'] ?&gt;" data-lightbox="vendor&lt;?php echo htmlencode($record['vendor_number']) ?&gt;" data-title="&lt;?php echo htmlencode($record['title']) ?&gt;"&gt;<br />          &lt;img src="&lt;?php echo $upload['thumbUrlPath2'] ?&gt;" alt="&lt;?php echo $upload['info1'] ?&gt;"/&gt;&lt;/a&gt;<br />          &lt;/div&gt;<br />          &lt;?php break /* only show one image */ ?&gt;<br /><br />     &lt;?php endforeach ?&gt;<br />   <br />     &lt;?php if (!$record['upload_images']) : /* if no uploads show this: */ ?&gt;<br />          &lt;div class="four columns"&gt;&lt;img src="images/craft-fair-badge-noimg-gray.png" alt="Powell Craft Fairs Festivals Markets" /&gt;&lt;/div&gt;<br />     &lt;?php endif ?&gt;<br />    <br />    <br />     &lt;!--TEXT AREA--&gt;<br />       &lt;H3&gt;&lt;?php echo htmlencode($record['title']) ?&gt;&lt;/H3&gt;<br />       &lt;H4&gt;&lt;?php echo htmlencode($record['vendor_names']) ?&gt;&lt;/H4&gt;<br />       &lt;?php echo htmlencode($record['content']) ?&gt;&lt;br/&gt;&lt;br/&gt;<br />       &lt;i class="fa fa-tags"&gt;&lt;/i&gt; &lt;?php echo $record['vendor_type'] ?&gt;&lt;br/&gt;<br />       &lt;strong&gt;&lt;em&gt;&lt;i class="fa fa-location-arrow"&gt;&lt;/i&gt; &lt;?php echo $record['location'] ?&gt; / Table # &lt;?php echo htmlencode($record['vendor_number']) ?&gt;&lt;/em&gt;&lt;/strong&gt;<br />       <br />    &lt;/div&gt;<br />&lt;?php endforeach ?&gt;<br /><br />&lt;?php if (!$vendor_listRecords): ?&gt;<br />No Vendors Found&lt;br/&gt;&lt;br/&gt;<br />&lt;?php endif ?&gt; </code></p>
]]></description>
          <pubDate>Wed, 01 Nov 2017 18:58:09 -0700</pubDate>
          <guid isPermaLink="true">forum-posts.php?postNum=2241397#post2241397</guid>
        </item>
              </channel>
    </rss>
  