12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- $(document).ready(function() {
- var $books = $('#books').cycle({
- timeout: 2000,
- speed: 200,
- pause: true,
- before: function() {
- $('#slider').slider('value', $('#books li').index(this));
- }
- });
- if ( $.cookie('cyclePaused') ) {
- $books.cycle('pause');
- }
- var $controls = $('<div id="books-controls"></div>').insertAfter($books);
- $('<button>Pause</button>').click(function(event) {
- event.preventDefault();
- $books.cycle('pause');
- $.cookie('cyclePaused', 'y');
- }).button({
- icons: {primary: 'ui-icon-pause'}
- }).appendTo($controls);
- $('<button>Resume</button>').click(function(event) {
- event.preventDefault();
- var $paused = $('ul:paused');
- if ($paused.length) {
- $paused.cycle('resume');
- $.cookie('cyclePaused', null);
- }
- else {
- $(this).effect('shake', {
- distance: 10
- });
- }
- }).button({
- icons: {primary: 'ui-icon-play'}
- }).appendTo($controls);
- $('<div id="slider"></div>').slider({
- min: 0,
- max: $('#books li').length - 1,
- slide: function(event, ui) {
- $books.cycle(ui.value);
- }
- }).appendTo($controls);
- $books.hover(function() {
- $books.find('.title').animate({
- backgroundColor: '#eee',
- color: '#000'
- }, 1000);
- }, function() {
- $books.find('.title').animate({
- backgroundColor: '#000',
- color: '#fff'
- }, 1000);
- });
- $('h1').click(function() {
- $(this).toggleClass('highlighted', 'slow', 'easeInExpo');
- });
- $books.find('.title').resizable({
- handles: 's'
- });
- });
|