Mercurial > hg > Members > anatofuz > slideshow-s6cr
annotate s6/js/jquery.slideshow.transition.js @ 1:05d802167c0c
Apply cr-style from Members/kaito/slides
author | Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp> |
---|---|
date | Mon, 21 Dec 2015 22:13:17 +0900 |
parents | |
children |
rev | line source |
---|---|
1
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
1 |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
2 function transition( $from, $to ) { |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
3 $from.hide(); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
4 $to.show(); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
5 } |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
6 |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
7 function transitionSlideUpSlideDown( $from, $to ) { |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
8 $from.slideUp( 500, function() { $to.slideDown( 1000 ); } ); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
9 } |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
10 |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
11 function transitionFadeOutFadeIn( $from, $to ) { |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
12 $from.fadeOut( 500 ); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
13 $to.fadeIn( 500 ); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
14 } |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
15 |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
16 /*********************** |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
17 * sample custom transition using scrollUp effect |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
18 * inspired by Karl Swedberg's Scroll Up Headline Reader jQuery Tutorial[1] |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
19 * [1] http://docs.jquery.com/Tutorials:Scroll_Up_Headline_Reader |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
20 */ |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
21 |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
22 function transitionScrollUp( $from, $to ) { |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
23 var cheight = $from.outerHeight(); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
24 |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
25 // hide scrollbar during animation |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
26 $( 'body' ).css( 'overflow-y', 'hidden' ); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
27 |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
28 $to.css( 'top', cheight+'px' ); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
29 $to.show(); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
30 |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
31 $from.animate( {top: -cheight}, 'slow' ); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
32 $to.animate( {top: 0}, 'slow', function() { |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
33 $from.hide().css( 'top', '0px'); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
34 |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
35 // restore possible scrollbar |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
36 $( 'body' ).css( 'overflow-y', 'auto' ); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
37 }); |
05d802167c0c
Apply cr-style from Members/kaito/slides
Yasutaka Higa <e115763@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
38 } |