Hi, Ragi.
At first glance, I'm thinking you might just need to move your first foreach inside the slideshow div.
INSTEAD OF THIS:
<?php foreach ($slideshowRecords as $record): ?>
<div id="mySlideshow">
<div class="slideshow">
<?php foreach ($record['image'] as $index => $upload): ?>
<!-- BEGIN slide -->
<div class="slide-items">
<a href=''><img src="<?php echo $upload['urlPath'] ?>" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] ?>" alt="" /></a>
</div>
<!-- END slide -->
<?php endforeach ?>
<?php endforeach ?>
</div>
CHANGE TO:
<div id="mySlideshow">
<div class="slideshow">
<?php foreach ($slideshowRecords as $record): ?>
<?php foreach ($record['image'] as $index => $upload): ?>
<!-- BEGIN slide -->
<div class="slide-items">
<a href=''><img src="<?php echo $upload['urlPath'] ?>" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] ?>" alt="" /></a>
</div>
<!-- END slide -->
<?php endforeach ?>
<?php endforeach ?>
</div>
See if that works.
~ Deborah