Exercises
- Increase the cycle transition duration to half a second, and change the animation such that each slide fades out before the next one fades in. Refer to the Cycle documentation to find the appropriate option to enable this.
- Set the
cyclePaused
cookie to persist for 30 days. - Constrain the title box to resize only in ten pixel increments.
- Make the slider animate smoothly from one position to the next as the slideshow advances.
- Instead of letting the slideshow loop forever, cause it to stop after the last slide is shown. Disable the buttons and slider when this happens.
- Create a new jQuery UI theme that has a light blue widget background and dark blue text and apply the theme to our sample document.
- Modify the HTML in
mobile.html
so that the list view is divided up by the first letters of the book titles. See the jQuery Mobile documentation fordata-role="list-divider"
for details.