All javascripts are placed in folder /js.
In main.js file we implement all functions calls.
This theme uses following Javascript scripts:
/counter/
Files needed for initialising the animation number after loading pages.
/data-picker/
Scripts for choosing the date from small calendar and attaching it to the input form.
/full-calendar/
This calendar is devoted to planning the events in the calendar. User can put some events there and review them between e.g. months, years etc.
/gmaps/
Plugin needed for displaying google map on the page.
/magnific-popup/
Needed for galleries and their popups images where we can review them with slides via arrows.
/select2/
Plugin which creates select box for select tag in the page. It generates html code via javascript so that each browser can have the same select box.
/zweatherfeed/
Weather plugin where we can see weathe on live.
externals.min.js
One big file where are minifixed javascript files:_ 1.jquery 2.boostrap 3.placeholder 4. easing 5. device.min.js 6. jquery browser 7.Snap min JS 8. jquery appear_
main.js
The main javascript initializaions and other major snippets.
/plugins/ct-mediaSections/
Media sections where we can add parralax, kenburns or video to the section. Dynamical content of medias.
/headroom/
Animated/fixed navbars. Plugin needed for detecting scrollbar and attaching animations for menu.
/owl/
Files which initialize sliders in the page.
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}); } } |