{"id":6952,"date":"2014-04-17T08:25:30","date_gmt":"2014-04-17T07:25:30","guid":{"rendered":"http:\/\/www.wjst.de\/blog\/?p=6952"},"modified":"2014-04-17T15:35:01","modified_gmt":"2014-04-17T14:35:01","slug":"avoid-spinners","status":"publish","type":"post","link":"https:\/\/www.wjst.de\/blog\/sciencesurf\/2014\/04\/avoid-spinners\/","title":{"rendered":"Avoid spinners"},"content":{"rendered":"<p>I see spinners everywhere &#8211; although I once learned that this is just poor website design. There are even <a href=\"http:\/\/preloaders.net\">spinner factories<\/a> to create you own custom waiting room.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wjst.de\/blog\/wp-content\/uploads\/2014\/04\/gif.gif\" alt=\"gif\" width=\"30\" height=\"30\" class=\"aligncenter size-full wp-image-6959\" \/><br \/>\nAs I am doing a lot of time consuming jpg manipulation here and didn&#8217;t want to further increase any server overhead, I went back to rather old fashioned method &#8211; the turning slash known from old UNIX and DOS times. It expands my previous article on <a href=\"https:\/\/www.wjst.de\/blog\/sciencesurf\/2014\/04\/avoid-browser-flickering-with-dark-backgrounds\/\">avoid-browser-flickering-with-dark-backgrounds<\/a> writing to the preloader div and stopping after loading the iframe.<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\nvar str = &quot;|\/-\\\\&quot;;\r\nvar i = 1;\r\nfunction myLoop () {\r\n   setTimeout(function () {\r\n      j=str.charAt(i%(str.length));\r\n      $('#preload').text( i ) ;\r\n      i++;\r\n      if (i&lt;99) myLoop();\r\n   }, 150)\r\n}\r\nmyLoop(); \r\n$(function(){\r\n    $('#iframe').load(function(){\r\n        i=99;\r\n    });\r\n});\r\n<\/pre>\n\n<p>&nbsp;<\/p>\n<div class=\"bottom-note\">\n  <span class=\"mod1\">CC-BY-NC Science Surf , accessed 07.04.2026<\/span>\n <\/div>","protected":false},"excerpt":{"rendered":"<p>I see spinners everywhere &#8211; although I once learned that this is just poor website design. There are even spinner factories to create you own custom waiting room. As I am doing a lot of time consuming jpg manipulation here and didn&#8217;t want to further increase any server overhead, I went back to rather old &hellip; <a href=\"https:\/\/www.wjst.de\/blog\/sciencesurf\/2014\/04\/avoid-spinners\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Avoid spinners<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[2771,2826,2851],"class_list":["post-6952","post","type-post","status-publish","format-standard","hentry","category-computer-software","tag-javascript","tag-jquery","tag-preloader"],"_links":{"self":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/6952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/comments?post=6952"}],"version-history":[{"count":5,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/6952\/revisions"}],"predecessor-version":[{"id":6960,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/6952\/revisions\/6960"}],"wp:attachment":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/media?parent=6952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/categories?post=6952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/tags?post=6952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}