All javascripts are placed in folder /js. In main.js file we implement all functions calls.
This theme uses following Javascript scripts:
- Bootstrap
- jQuery
- counter(jquery.countTo.js)
- ct-mediaSections(with stellar.js)
- flexslider
- gmaps API
- isotope (http://isotope.metafizzy.co/)
- magnific-popup (http://dimsemenov.com/plugins/magnific-popup/)
- scrollme(jquery.scrollme.js)
- select2.js http://ivaynberg.github.io/select2/
- stacktable.js (http://johnpolacek.github.io/stacktable.js/)
- before & after slider(jquery.twentytwenty.js)
- device.js
- jquery.appear.js
- jquery.pagescroller.lite.js
- smoothscroll.js
- snap.js
- animate.css
jquery.appear
This plugin call function when element appear in viewport. This is used in custom animation, progress bars, counter timer.
Documentation: https://github.com/bas2k/jquery.appear/
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
if (jQuery().appear) { if (device.mobile()) { // disable animation on mobile jQuery("body").removeClass("withAnimation"); } else { jQuery('.withAnimation .animated').appear(function () { jQuery(this).each(function () { jQuery(this).addClass('activate'); jQuery(this).addClass($(this).data('fx')); }); }, {accY: -150}); } } |