Javascript 회전 대기 모래시계형 것

Question

장기 실행 작업이 수행되고 있음을 웹앱 사용자에게 알리고 싶습니다.옛날에는 모래시계를 표시함으로써 이 개념을 사용자에게 전달했을 것입니다.요즘에는 애니메이션 회전 원처럼 보입니다.(예: Firefox에서 새 탭을 로드하거나 Mac OS X에서 부팅하는 경우.공교롭게도 stackoverflow 로고에서 넘쳐나는 스택은 원의 1/4처럼 보입니다.

Javascript(특히 JQuery)를 사용하여 이 효과를 생성하는 간단한 방법이 있습니까?이상적으로는 이러한 작은 회전자 중 하나를 테이블의 요소로 사용하여 시스템이 보류 중인 작업을 처리하는 데 여전히 활성 상태임을 사용자에게 표시하고 싶습니다(즉, 잊어버리거나 충돌하지 않았음).(물론, 백엔드가 충돌하고 프런트엔드가 여전히 회전하는 애니메이션으로 표시될 가능성이 있다는 것을 알고 있습니다. 이는 사용자가 활동을 보는 심리적 목적에 더 가깝습니다.)

그런데 저 회전하는 것을 뭐라고 부르나요?

Answer 1

Google Ajax 활동 표시기 많은 이미지와 이미지 생성기를 찾으려면("회전하는" 이미지 자체는 애니메이션 GIF입니다)

여기는 링크 하나 시작하려면.

이미지를 손에 넣은 상태에서 JQuery를 사용하여 이미지(또는 부모 DIV 태그)의 가시성을 전환합니다.보다 이 링크 더 많은 정보를 원하시면

rp

Answer 2

이 사이트가 당신을 위해 그것을 할 것입니다:

아약스로드

OS X에서는 "Beachball"이라고 하는데 저는 "Of Death"를 추가하고 싶습니다.

Answer 3

http://preloaders.net/en/letters_numbers_words 훌륭하고 왼쪽 메뉴 아래에 다음보다 많은 카테고리를 제공합니다. http://ajaxload.info 게다가 크기와 배경 옵션까지...ajaxload는 요즘 꽤 구식으로 보입니다.

Answer 4

Ajax 호출 중에 백그라운드 활동을 나타내는 것을 의미했다고 가정합니다.

저는 배경 이미지를 적절한 패딩과 위치 지정(배경 반복을 끄는 것을 기억하세요)을 사용하여 작은 애니메이션 GIF로 설정한 다음 Ajax가 호출될 때 호출되는 몇 가지 JavaScript 도우미를 사용하여 해당 클래스를 추가하고 제거하는 CSS 클래스를 사용하는 경향이 있습니다. 호출이 시작되고 응답 콜백이 실행될 때.