Mercurial > hg > Papers > 2014 > nobuyasu-master

annotate slides/js/jquery.slideshow.transition.js @ 100:ae161408bc1c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fixed chapter2.tex
author Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
date Sat, 15 Feb 2014 04:37:14 +0900
parents bd73f0e1cdd4
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
77
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
1
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
2 function transition( $from, $to ) {
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
3 $from.hide();
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
4 $to.show();
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
5 }
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
6
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
7 function transitionSlideUpSlideDown( $from, $to ) {
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
8 $from.slideUp( 500, function() { $to.slideDown( 1000 ); } );
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
9 }
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
10
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
11 function transitionFadeOutFadeIn( $from, $to ) {
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
12 $from.fadeOut( 500 );
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
13 $to.fadeIn( 500 );
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
14 }
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
15
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
16 /***********************
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
17 * sample custom transition using scrollUp effect
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
18 * inspired by Karl Swedberg's Scroll Up Headline Reader jQuery Tutorial[1]
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
19 * [1] http://docs.jquery.com/Tutorials:Scroll_Up_Headline_Reader
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
20 */
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
21
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
22 function transitionScrollUp( $from, $to ) {
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
23 var cheight = $from.outerHeight();
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
24
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
25 // hide scrollbar during animation
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
26 $( 'body' ).css( 'overflow-y', 'hidden' );
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
27
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
28 $to.css( 'top', cheight+'px' );
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
29 $to.show();
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
30
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
31 $from.animate( {top: -cheight}, 'slow' );
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
32 $to.animate( {top: 0}, 'slow', function() {
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
33 $from.hide().css( 'top', '0px');
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
34
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
35 // restore possible scrollbar
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
36 $( 'body' ).css( 'overflow-y', 'auto' );
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
37 });
bd73f0e1cdd4 Added slides
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
diff changeset
38 }