jquery 로딩 화면1

• 

  [jQuery] 로딩 이미지 보여주기 / 숨기기 (Ajax 호출) 데이터를 조회하거나 처리할 때 사용자에게 알리기 위해 로딩 이미지를 사용합니다. 사용자에게 알리기 뿐만 아니라 중복으로 action 하지 못하게 하는 용도로도 사용할 수 있습니다. 로딩 이미지의 스타일을 작성합니다. 저는 화면 가운데 고정시켰고, 다른 action을 하지 못하게 z-index 속성을 추가해 맨 앞으로 노출시켜 줬습니다. loading 변수를 통해 이미지를 숨기고 있다고 필요한 부분에 show를 통해 노출시키면 됩니다. 간단한 예제이니 확인해서 응용하시면 됩니다. (src 경로에 이미지 경로 작성하시면 됩니다.) 개발이야기/jQuery 2022. 12. 6.