{"id":75,"date":"2018-01-17T04:33:03","date_gmt":"2018-01-17T04:33:03","guid":{"rendered":"http:\/\/loftocean.com\/doc\/loftloader\/?page_id=75"},"modified":"2018-05-12T06:12:03","modified_gmt":"2018-05-12T06:12:03","slug":"loader-general-options","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/loader\/loader-general-options\/","title":{"rendered":"Loader General Options"},"content":{"rendered":"<p>Click on the <strong>Loader<\/strong> section, then you can choose a loader animation and tweak its style.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-239\" src=\"http:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/loader-settings-1.jpg\" alt=\"\" width=\"1800\" height=\"1024\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/loader-settings-1.jpg 1800w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/loader-settings-1-300x171.jpg 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/loader-settings-1-768x437.jpg 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/loader-settings-1-1024x583.jpg 1024w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<ul>\n<li><strong>Loader Animation \u2013<\/strong> We provide 19 types of animations. 6 support custom images. And all animations are created with CSS3, not GIF. So it can be set to any color. You can also disable the loader, and only show progress bar or counting percentage (see in <a href=\"http:\/\/loftocean.com\/doc\/loftloader\/progress\/\">Progress<\/a>).<\/li>\n<li><strong>Loader Color \u2013<\/strong> Click to choose a color from the color picker. Or enter the hex value of a color you like. <span class=\"highlighted\">Please note:<\/span> some animations support multiple colors.<\/li>\n<li><strong>Looping \u2013<\/strong> All animations are <strong>looping forever<\/strong> by default. Some support <strong>Loop Once<\/strong>. When you select an animation supporting <strong>Loop Once<\/strong>, this option will show. If choose <strong>Loop Once<\/strong>, the animation will play along with the loading progress, and end when preloading is completed.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-270\" src=\"http:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/05\/Screen-Shot-2018-05-12-at-2.03.21-pm.png\" alt=\"\" width=\"290\" height=\"97\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/05\/Screen-Shot-2018-05-12-at-2.03.21-pm.png 590w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/05\/Screen-Shot-2018-05-12-at-2.03.21-pm-300x101.png 300w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/>\n<\/li>\n<\/ul>\n<h4>Loader Animations that Support Loop Once<\/h4>\n<p>So far there are 5 types of Loader Animations that support <strong>Loop Once<\/strong> effect:<\/p>\n<ul>\n<li>Custom Image Loading<\/li>\n<li>Rainbow<\/li>\n<li>Circle Filling<\/li>\n<li>Water Filling<\/li>\n<li>Petals<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Click on the Loader section, then you can choose a loader animation and tweak its style. Loader Animation \u2013 We provide 19 types of animations. 6 support custom images. And all animations are created with CSS3, not GIF. So it can be set to any color. You can also disable the loader, and only show [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":73,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":6,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/75\/revisions\/273"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/73"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}