1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- $(document).ready(function() {
- var h = document.getElementsByTagName('head')[0],
- link = document.createElement('link');
- link.href = 'ui-themes/le-frog/jquery-ui-1.10.0.custom.css';
- link.rel = 'stylesheet';
- h.appendChild(link);
- 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'
- });
- });
|