Adding arbitrary slides after the slideshow has been initialized is performed programmatically by issuing the add command to the slideshow.

The slideshow below starts off with just a single image. Three more are added when the button is clicked.

<!-- slideshow with one image -->
<div class="cycle-slideshow" 
    <div class="cycle-caption"></div>
    <img src="">

<div class=center>
    <button>Add More Images</button>

<!-- script to add more images at a later time -->
var images = [
    '<img src="">',
    '<img src="">',
    '<img src="">'

$('button').one('click', function() {
    for (var i=0; i < images.length; i++) {
        $('.cycle-slideshow').cycle('add', images[i]);
    $(this).prop('disabled', true)