Description
Zajax is a WordPress plugin who add ajax navigation to your WordPress website. One of the strong and unique advantage from using Zajax, is the page preloading feature on mouse hover, Some page will load on a blink of an eye. It will wait 100 millisecond on mouse hover before preloading the page to not overload your server.
Demo 1 with full features: http://tubecharts.top (All pages are generated with RSS NEWS BLOCK PLUGIN)
Demo 2 with full features: http://podzic.com
- Fast pages loading.
- History navigation: Back and Forward and supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers.
- Preload page on mouse hover to load faster when user click on the link.
- Reload multiple sections outside the main section by ID or Class. (Menu, footer, sidebar, Ads, Google Ads). by just providing the ID/CLASS with #/. as prefix.
- Support of Google Analytics.
- Choose the section you want to load in ajax (ID or Class), by just providing the ID/CLASS with #/. as prefix.
- Work with search form, just providing the ID/CLASS with #/. as prefix in Search form TAG. (Multiple searchs forms too)
- All form will work, comments, Contact page ect.
- Fade In, Fade out transition.
- Loading bar at the top and a loading circle in the center. (Look like mobile loading from Android).
- Work with music player who are external to the loading main section. (Music will continue to play).
- Back button for mobile or desktop option. (It will look like a real app on mobile if you have a responsive website).
- Ignore list and reload list. If you had problems with others Ajax navigation plugins before, it may be because some javascripts are called twice or behavior strangely try to stop reloading javascript who may be in the body to not be called each time you load a page. EX: filename1.js,filename2.js The javascript reload list is for reloading javascripts who don’t seem to load well with ajax navigation.
- Spécial option for Masonry. Masonry plugins or themes may pose some problems, add find the ID or Class of the masonry section.
- Insert javascript or jQuery codes in the Zajax setting on ajax send. It trigger just before ajax page loading ( you can use the jQuery sign $ ) EX: $(‘#loading’).show().
- Insert javascript or jQuery codes in the Zajax setting on ajax complete. It trigger at the end of ajax page loading ( you can use the jQuery sign $ ) EX: $(‘#loading’).hide().
- Choose the color of the load cicle and bar to fit your theme style.
- Links with no ajax: Add class to no-ajax” for non ajax link.
<a href="url" class="no-ajax">link text</a>
Demo Video:
Zajax Setting Video:
Installation
1. Upload the folder Zajax in the zip file to your plugins directory. (‘/wp-content/plugins/’)
2. Activate the plugin from your Plugins page.
3. Go to your admin menu, Under Setting, click the link, “Zajax” to go to the Zajax setting page.
onigetocwp –
Great Product, Now my website is a lot faster and my online radio play music non stop while browsing