이미지 로더를 표시하지만 아약스를 사용하지 않는 경우

Question

여기 프로젝트 페이지 : http://blog.papermusepress.com/s7/tabs/ 모든 HTML이므로 소스 코드를 볼 수 있습니다.

기본적으로 양식의 입력란에 이미지가 동적으로 URL 문자열을 통해 adobe의 서버에서 생성되고 이미지 src를 URL 문자열로 업데이트하는 자바 스크립트를 통해 페이지에 렌더링됩니다.

이미지를 재생성 할 때마다 간단한 이미지 로더를 얻으려고합니다. 이미지 생성이 너무 빨라서 아마 그렇게 할 필요는 없을 것입니다. (하지만 회사에서 제품을 실제로 업데이트하고 있음을 알기 위해 내 회사에 포함시키기를 원합니다.)

모든 대답은 아약스 (How to show loading spinner in jQuery?)에 대한 이야기입니다. 그러나 문제는 프로젝트에서 아약스를 전혀 사용하지 않는다는 것입니다. 어쩌면 내가 아약스를 사용해야 할까?

내가 사용하는 유일한 jquery는 탭을 숨기거나 적절한 div를 표시하는 것입니다. 이미지 생성은 onclick js 함수입니다. 나는 새로운 js 그래서 내 물건 정말 기본입니다. 확실히 내 코드를 "정리"하기위한 제안을 사용할 수 있습니다. 나는 그 추한 것을 확신한다!

Answer 1

jQuery의 아약스는 쉽습니다.

jQuery.ajax(’url which contains code or ready flag.’).done(function(htmldata){ 
// if done loading do everything that is here. 
// the variable htmldata contains the html code that is output by your server. 
});