LoftOcean supports this item


This author's response time can be up to 2 business days.

17 comments found.

Looks an awesome, I think it’s the only pre-loader that was created right here. I hop add more examples. and I have a woo idea about this kind of loaders, how about showing quotes while loader work !

Thanks for your comment. :)

You can check other 9 examples made by the WordPress version ( All examples can be achieved by the jQuery version as well.

BTW your idea sounds interesting. Thanks for the suggestion.

Very nice! Which is the minimum jQuery version required? How big are the CSS and JS files? does it work in Internet Explorer?

Thanks for your comment. :)

The minimum jQuery version is 1.8. CSS file is 43 KB and the minified JS file is 17 KB. As the animations are created by CSS3, currently a few loader animations don’t work perfectly as we expected in IE. We will improve this part in future updates. Thanks!

thanks for your answer. wish you many sales!

Thank you!

Great work :-) GL

Thank you! :)

fantastic work, very well done ! ;)

Thanks very much for your nice comment. :)

Good creation, A good buy and rating from me :)

Thank you! :)


aloyoon Purchased

hello very good work I just bought it but found only 3 examples where are the reset I need example 4 like this one

Hi, the example pages only for showing how to use the plugin. And here is the code for example 4:

(function($){ $(’#loftloader-wrapper’).loftloader({ bg_color: ’#687ba0’, bg_opacity: ‘1’, bg_animation: ‘split-v’, loader_type: ‘waterfilling’, loader_color: ’#00c1bb’, loader_looping: ‘once’, progress_type: ‘bar’, progress_bar_position: ‘top’, progress_bar_width: ‘100vw’, progress_bar_height: ‘6px’, progress_color: ’#ffffff’, load_time: 5 }); })(jQuery);

And we have updated the code to fix a minor bug for the loader Waterfilling (the one of example 4), please download the latest version to make sure it runs smoothly on your site. Thanks.

You can check the documentation for all options and values to customise your loading screen.

Best Regards,

The Loft.Ocean Team


The loader only triggers after the page has already showed up!! I have even tried to reorder the js and css files to the top of other js/css but still same issue :( I am using the vidpro theme, thanks.

Hi, I found the conflict is with wpDiscuz plugin, if deactivated the loader loads before page renders. Please check compatibly and advice as our site has already over 20000 comments and is relient on wpDiscuz. Thanks

Hi, sorry but there is no “purchased” and “supported” icons after your user name. Could you please confirm that the product you have purchased is the jQuery version or the WordPress plugin? Thanks.

Nice work!

Thank you!

Great Work !! I went through your examples and particularly impressed with example 8 and 9.

I believe its an image being transformed. My requirement is to show a dirty car getting cleaner while the loader progresses. Is it possible? Also can we show another image (say, Company Logo) at the bottom at the end?

Thank you for the kind words!

At the moment this isn’t possible. LoftLoader currently only supports one custom image in the loading screen. And there should be at least 2 images to build the loading screen as you described: 1 image for the dirty car and 1 image for the clean car.

We will consider adding a feature like this in one of the future updates. Thanks.

nice job Good Luck with sales

Thank you~

Great work! Good luck with sales!

Thank you~

Very well!

Thank you!

Hello, nice script and how can get the “Ending Transition – Shrink & Fade” I was looking for everywhere and I can’t found it


Some new features we have added to WordPress version recently haven’t been included in the jQuery version yet – “Ending Transition – Shrink & Fade” is one of them.

Currently our team is working on an update of jQuery version, all new features will be included in the next update.

Thank you very much.

Hi, just want to let you know that we have updated LoftLoader jQuery to version 1.0.2, and now the feature “Ending Transition – Shrink & Fade” is available. Thanks.

Thanks a lot

Hello, thank you very much for a Plugin. I try to build it in my PHP-Homepage with example-2. Unfortunetly, it looks very different as the Example. All needed files are inkluded – but something work not. Could you please help me? Here is my Link:

Thank you!

Regards, Kateryna

Hi Kateryna,

You only need one jquery script file for LoftLoader. So you can remove the script “jquery.min.js”, and only keep the script “jquery-1.11.3.min.js”. Thanks.

Best Regards,

The Loft.Ocean Team

Cool! Thanks, it works!

Best regards!


Glad to hear that! :)

Quick Question…We got everything installed but it seems like the primary page loads for a second or two then the loader initiates. Are we doing something wrong as to why its showing the page first then the loader? Here is the link:


Thanks for purchasing!

We have checked your site. Please put < div id=”loftloader-wrapper” > and call .loftloader( ) right below the opening < body > tag in your html page (see this screenshot: ).



candrid Purchased

Hey! This is one epic piece of work. I cannot, however, get the preloader’s to work, even when I copy and paste your code. Please advise.


Thanks for purchasing and contacting.

Could you please send your site URL (the link of a page you have added code of LoftLoader) to us so we can look into it for you? You can send it via email to or leave a comment here.



sfx12 Purchased

Hello loftloader team!

thanks again for this cool preloader, i got a question/feature .. i saw this on a other preloader: is it possible to set a cookie in options to “yes” then preloader comes only one time each page ? i mean when page is one time preloaded… then only fade the page in without the loader on next time! hope u understand what i mean.

thy in advance

regards from Germany

Hi, thank you for your kind feedback. Sorry but LoftLoader doesn’t support this feature. Thanks.