Delay loading image before appending content

view story

http://stackoverflow.com – I am using the window.scroll function to append new contents when I scroll to end of page. At the same time, the loading spinner image appears at the center but hardly noticed. What I would like to accomplish is when I scroll to bottom of page, the loading image spinner should first appear at the end of last content and delay for 10secs before it slowly appends (fadein) new contents before hiding. $(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { $('#loader').delay(1000).show(0); $.getJSON("http://howtodeployit.com/?json=r (HowTos)