Listing 7.4: cycle pause/resume controls.

Chapter 7/07.js

@@ -1,10 +1,16 @@
-$.fn.cycle.defaults.timeout = 10000;
-$.fn.cycle.defaults.random = true;
-
 $(document).ready(function () {
-  $('#books').cycle({
+  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();
+    $books.cycle('resume');
+  }).appendTo($controls);
 });