learning_jquery/Chapter 7/07.js

$(document).ready(function () {
  var $books = $('#books').cycle({
    timeout: 2000,
    speed: 200,
    pause: true
  });
  var $controls = $('<div id="books-controls"></div>').insertAfter($books);
  $('<button>Pause</button>').click(function (event) {
    event.preventDefault();
    $books.cycle('pause');
  }).appendTo($controls);
  $('<button>Resume</button>').click(function (event) {
    event.preventDefault();
    $('ul:paused').cycle('resume');
  }).appendTo($controls);
});