diff options
| author | Andrew Lee <alee14498@gmail.com> | 2019-08-16 00:44:47 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@gmail.com> | 2019-08-16 00:44:47 -0400 |
| commit | be5c14ffa4b10e1586b68f94669093146df9d452 (patch) | |
| tree | 26e73b126d291e84df7d4289acf65286e0a6a81f /public/js/transition.js | |
| parent | b0411efcf2459566888abf34c7524d67fb3add54 (diff) | |
| download | alp-website-be5c14ffa4b10e1586b68f94669093146df9d452.tar.gz alp-website-be5c14ffa4b10e1586b68f94669093146df9d452.tar.bz2 alp-website-be5c14ffa4b10e1586b68f94669093146df9d452.zip | |
Added transitions, community rules, git projects and etc
Diffstat (limited to 'public/js/transition.js')
| -rw-r--r-- | public/js/transition.js | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/public/js/transition.js b/public/js/transition.js new file mode 100644 index 0000000..395c2f2 --- /dev/null +++ b/public/js/transition.js @@ -0,0 +1,24 @@ +$(document).ready(function() { + $(".animsition").animsition({ + inClass: 'fade-in', + outClass: 'fade-out', + inDuration: 1500, + outDuration: 800, + linkElement: '.animsition-link', + // e.g. linkElement: 'a:not([target="_blank"]):not([href^="#"])' + loading: true, + loadingParentElement: 'body', //animsition wrapper element + loadingClass: 'animsition-loading', + loadingInner: '', // e.g '<img src="loading.svg" />' + timeout: true, + timeoutCountdown: 2000, + onLoadEvent: true, + browser: [ 'animation-duration', '-webkit-animation-duration'], + // "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser. + // The default setting is to disable the "animsition" in a browser that does not support "animation-duration". + overlay : false, + overlayClass : 'animsition-overlay-slide', + overlayParentElement : 'body', + transition: function(url){ window.location.href = url; } + }); +}); |
