Nancy that add on works wonders!! And Mark thank you for all your input. Your last post will come in handy.
Here is hopefully my last delima. I tried but failed to figure this out. I am using this code which I found online for adding a caption to the pictures. For some reason I couldn't get the alignment to work correctly. I've been playing around with it for hours. Also, is there a simplier way? Like using a text file with the captions and call that up?
<div class="cycle-slideshow"
data-cycle-fx=scrollHorz
data-cycle-timeout=2000
data-cycle-caption="#alt-caption"
data-cycle-caption-template="{{alt}}"
>
<img src="http://jquery.malsup.com/cycle2/images/p1.jpg" alt="Spring">
<img src="http://jquery.malsup.com/cycle2/images/p2.jpg" alt="Redwoods">
<img src="http://jquery.malsup.com/cycle2/images/p3.jpg" alt="Angle Island">
<img src="http://jquery.malsup.com/cycle2/images/p4.jpg" alt="Raquette Lake">
</div>
<!-- empty element for caption -->
<div id="alt-caption" class="center"></div>