테스트 사이트 - 개발 중인 베타 버전입니다

질문좀 드릴께요.. 채택완료

제이쿼링 8년 전 조회 3,354
글쓰기 부분에서요.<br />
작성완료시. 사진2개이상이면 조금 시간이 지체된후 올라가는데요.<br />
작성완료 버튼 클릭시 제가원하는 이미지를 로딩중 처럼 보여지게하는 소스가나 함수가 있을까요?
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

<style type="text/css">
#loading {
 width: 100%;   
 height: 100%;   
 top: 0px;
 left: 0px;
 position: fixed;   
 display: block;   
 opacity: 0.7;   
 background-color: #fff;   
 z-index: 99;   
 text-align: center; }  
 
#loading-image {   
 position: absolute;   
 top: 100px;   <-- 이부분과
 left: 240px;   <-- 이부분을 50% 로 하면 화면 정 가운데에 로딩 이미지가 나타난다
 z-index: 100; } 
</style>

<div id="loading"><img id="loading-image" src="/imgs/ajax-loader.gif" alt="Loading..." /></div>
<div>
 <img src = "/imgs/sample/cutyDog.jpg">
</div>

<script language="javascript" type="text/javascript">   
$(window).load(function() {     
 $('#loading').hide();   
}); 
</script>

window 로드시 보여줍니다.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

제이쿼링
8년 전
우선 답변달아주셔서 감사합니다.
그런데 보내주신건 클릭시 나오는게 아니고
페이지 이동시 나오는거같아보입니다 ㅠㅠ
클릭시 나오게하는방법은 없을까요

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인