jQuery Plugin For Page Load Transition Effects - Animsition (Clickstream)

File Size: 37.3 KB
Views Total: 62809
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Page Load Transition Effects - Animsition (Clickstream)

Animsition (Clickstream) is a simple and easy jQuery plugin used to add fancy transition & easing effects to your page load.

How to use it:

1. Load the required jQuery javascript library and jQuery Animsition plugin on your page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="dist/animsition.min.js"></script>

2. Load the required CSS file in your page's head section.

<link rel="stylesheet" href="css/animsition.min.css">

3. Enable an effect to your Html element.

$(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^=#])'
touchSupport  :    true, 
loading       :    true,
loadingParentElement  :   'body', //animsition wrapper element
loadingClass  :   'animsition-loading',
unSupportCss  : [ 'animation-duration',
  '-webkit-animation-duration',
  '-o-animation-duration'
],
overlay       :   false,
overlayClass  :   'animsition-overlay-slide',
overlayParentElement  :   'body'
});
}); 

4. Animation start / end events.

$(".animsition").animsition({
  // options
}).one('animsition.start',function(){
  ...
})

$(".animsition").animsition({
  // options
}).one('animsition.end',function(){
  ...
})

Change logs:

v4.0.2 (2016-04-27)

  • Check if loading already exists on page

v4.0.1 (2015-11-14)

  • Fixed : Safari back button bug.
  • Fixed : sandbox overlay markup
  • Added browser-sync to devDependencies

v3.6.0 (2015-08-19)

  • tweaks

v3.5.2 (2015-05-10)

  • Update method pageOutOverlay

v3.5.1 (2015-05-03)

  • Fix start event

2015-04-06

  • Fix middle mouse button issue

2015-04-03

  • Fix middle mouse button click and ctrl/cmd + click

v3.4.3 (2015-01-24)

  • update

v3.4.1 (2014-12-06)

  • update

v3.4.0 (2014-10-19)

  • Add some zoom class

v3.3.3 (2014-10-08)

  • Update.

v3.3.2 (2014-09-28)

  • Update.

v3.3.1 (2014-09-26)

  • Update.

v3.3.0 (2014-09-25)

  • Update.

v3.2.1 (2014-07-26)

  • Update.

v3.2.0 (2014-07-23)

  • add loading options

v3.1.1 (2014-07-19)

  • update

v3.1.0 (2014-07-15)

  • add docs files

2014-07-12

  • Rename to 'animsition'

v2.2.0 (2014-05-31)

  • update.

v2.1.0 (2014-05-17)

  • update.

v1.3.0 (2014-05-01)

  • update.

 


This awesome jQuery plugin is developed by blivesta. For more Advanced Usages, please check the demo page or visit the official website.