The slides (which are all different dimensions, but fit within the container of the slideshow) won't center, even though the demo says all you need to do is copy and paste a few lines of code.
The informational overlays do not appear as overlays, they appear as a caption beneath the slides.
When I added the prev/next controls, they don't appear in the default manner, so I had to make them outside of the container. However, when I did this, my informational captions disappeared. The code is below. I'm pulling my hair out.
<div class="cycle-slideshow"
data-cycle-fx=scrollHorz
data-cycle-pause-on-hover=true
data-cycle-center-horz=true
data-cycle-center-vert=true
data-cycle-prev="#prev"
data-cycle-next="#next"
data-cycle-caption-plugin=caption2
data-cycle-overlay-fx-sel=">div">
<div class="cycle-prev"></div>
<div class="cycle-next"></div>
<div class="cycle-overlay"></div>
<img src="images/the_siren.jpg"
data-cycle-title="The Siren"
data-cycle-desc="">
<img src="images/the_diplomats_daughter.jpg"
data-cycle-title="The Diplomat's Daughter"
data-cycle-desc="">
<img src="images/the_last_lover.jpg"
data-cycle-title="The Last Lover"
data-cycle-desc="">
<img src="images/empire_black.jpg"
data-cycle-title="Empire Black"
data-cycle-desc="">
<img src="images/hidden_in_the_hallways.jpg"
data-cycle-title="Hidden in the Hallways"
data-cycle-desc="">
<img src="images/kiss_the_sky.jpg"
data-cycle-title="Kiss the Sky"
data-cycle-desc="">
<img src="images/lay_it_down.jpg"
data-cycle-title="Lay It Down"
data-cycle-desc="">
<img src="images/Lost_highway.jpg"
data-cycle-title="Lost Highway"
data-cycle-desc="">
<img src="images/mask_feather_steel.jpg"
data-cycle-title="Mask Feather Steel"
data-cycle-desc="">
<img src="images/seek_and_you_will_find.jpg"
data-cycle-title="Seek and You Will Find"
data-cycle-desc="">
<img src="images/sofia.jpg"
data-cycle-title="Sofia"
data-cycle-desc="" >
<img src="images/the_puppet.jpg"
data-cycle-title="The Puppet"
data-cycle-desc="">
<img src="images/the_song.jpg"
data-cycle-title="The Song"
data-cycle-desc="" >
<img src="images/distraction.jpg"
data-cycle-title="Distraction"
data-cycle-desc=""/>
<img src="images/Enter_through_the_exit.jpg"
data-cycle-title="Enter Through the Exit"
data-cycle-desc="">
<img src="images/lead_and_they_will_follow.jpg"
data-cycle-title="Lead and They WIll Follow"
data-cycle-desc="">
<img src="images/mary_mary.jpg" data-cycle-title="Mary Mary"
data-cycle-desc=""
>
<img src="images/The_Centipedes_Dilemma.jpg"
data-cycle-title="The Centipede's Dilemma"
data-cycle-desc="">
</div>
<div class="controls">
<span id=prev><< </span>
<span id=next>>></span>
</div>