I see spinners everywhere – 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’t want to further increase any server overhead, I went back to rather old fashioned method – the turning slash known from old UNIX and DOS times. It expands my previous article on avoid-browser-flickering-with-dark-backgrounds writing to the preloader div and stopping after loading the iframe.
var str = "|/-\\"; var i = 1; function myLoop () { setTimeout(function () { j=str.charAt(i%(str.length)); $('#preload').text( i ) ; i++; if (i<99) myLoop(); }, 150) } myLoop(); $(function(){ $('#iframe').load(function(){ i=99; }); });