Loading animation when menu item is clicked - WORDPRESS - 28/04/2018 10:12 EDT
$10-30 USD
Suljettu
Julkaistu lähes 6 vuotta sitten
$10-30 USD
Maksettu toimituksen yhteydessä
I have a PROGRESSIVE WEB APP, using Wordpress and a theme called BeMobile.
Users use this PWA as a standalone (like native app)
When a user clicks a menu item takes a few seconds to redirect to the new page, and seems like nothing is happening.
WHAT I NEED:
I need a WORDPRESS PLUGIN, that shows a loading animation when a menu item (and only a menu item) is clicked.
Today we have loading animation on destination page, that is NOT what I want, I NEED A LOADING ANIMATION WHEN A MENU ITEM IS CLICKED, this animation will show until the PWA doesnt exit the current page.
This way the user knows something is happening.
Hire me !
I have 5 years experience in web programming,build & develop web, Wordpress theme.
Laravel, php, mysql, html, html5, css, css3, jquery,psd to html....VPS, Hosting, Cloud server.
Thanks for review !
Hi,
Just apply a class on the menu items or navbar then with some js(jquery) to show the loading until page redirects.
Example:
NAVIGATION
<nav class="show-loading-on-click">
<ul>
<li>Menu item 1</li>
<li>Menu item 2</li>
<li>Menu item 3</li>
.................................
</ul>
</nav>
LOADING SCREEN
<div id="loading-screen" style="position:absolute;top:0px;left:0px;width:100%;background-color:#fff; display:none;">
<img src="image_loader_path">
</div>
THE SCRIPT
<script>
$( document ).ready(function() {
$( ".show-loading-on-click ul>li" ).click(function() {
$("#loading-screen").css('display','inline-block');
});
});
</script>
I hope I helped you.
Best regards,
Razvan