Getting an image and thumbnail to appear

I'll give this a try and let you know what happens.

Thanks, Jerry.

Okay, here's what I did. I substituted the static image code for the code generated by CMSB.

This is the static image version:

<ul id="og-grid" class="og-grid">
<?php foreach ($homepage_showcaseRecords as $record): ?>                
<li>
<a href="<?php echo htmlencode($record['link']) ?>" data-largesrc="img/1.jpg" data-title="<?php echo htmlencode($record['title']) ?>" data-subtitle="<?php echo htmlencode($record['subheading']) ?>" data-description="<?php echo htmlencode($record['content']) ?>">
<img src="img/thumbs/1.jpg" alt="img01"/>
</a>
</li>
<?php endforeach ?>                    
</ul>

And this is the CMSB image version:

<ul id="og-grid" class="og-grid">
<?php foreach ($homepage_showcaseRecords as $record): ?>                
<?php foreach ($record['image'] as $index => $upload): ?>
<li>
<a href="<?php echo htmlencode($record['link']) ?>" data-largesrc="<img src="<?php echo htmlencode($upload['urlPath']) ?>"/>" data-title="<?php echo htmlencode($record['title']) ?>" data-subtitle="<?php echo htmlencode($record['subheading']) ?>" data-description="<?php echo htmlencode($record['content']) ?>">
<img src="<?php echo htmlencode($upload['urlPath']) ?>"/>
</a>
</li>
<?php endforeach ?>
<?php endforeach ?>                    
</ul>

Unfortunately, there's still something weird happening on the live page: http://gaiasgardens.ca/home-cmsb.php.

It's the code in bold that's causing the problem, because when I remove it, this is what I get on the live page: http://gaiasgardens.ca/home.php The correct thumbnail is showing up, but I can't figure out how to make the large image appear when you click on the thumbnail. When I put in <img src="<?php echo htmlencode($upload['urlPath']) ?>, that's when the weird stuff happens.

Any suggestions, please?

No way to test it, but if the static code works, something like this might work...

I replaced each piece of the static code with the equivalent CMSB code. If it doesn't work, try replacing the working static code, one piece at a time, and see where it breaks by comparing the source code for each.

I'm assuming that work-gallery.php is the homepage_showcase detail page that you want to click/tap to.

<?php foreach ($homepage_showcaseRecords as $record): ?>      
<li><ul id="og-grid" class="og-grid">
<a href="work-gallery.php?<?php echo $record['num']?>" data-large src="<?php foreach ($record['image'] as $index => $upload): ?><?php echo htmlencode($upload['urlPath']) ?><?php endforeach ?>" data-title="<?php echo htmlencode($record['title']) ?>" data-subtitle="<?php echo htmlencode($record['subheading']) ?>" data-description="<?php echo htmlencode($record['content']) ?>">
<img src="<?php foreach ($record['image'] as $index => $upload): ?><?php echo htmlencode($upload['thumbUrlPath']) ?> alt="<?php echo htmlencode($upload['filename']) ?>"<?php endforeach ?>"/>
</a>
</li>
<?php endforeach ?>

Best,

Jerry Kornbluth