아이프레임에서 로딩중 표시??

· 14년 전 · 3889 · 2
iframe으로 외부 사이트를 연결해놓았습니다.
iframe 로딩시간이 오래걸려 빈화면이 너무 오래 떠있는경우

우선 "로딩중입니다." 보여준후 로딩이 완료되면
페이지가 보이도록 하고싶습니다.

위처럼 가능한지 문의드립니다.
|

댓글 2개

사실 조금 어렵지않을까 하는 생각을 해봅니다~!

외부사이트의 소스를 컨트롤 하실수 있는 부분도 아닌것같고^^

다만 하나의 꼼수를 쓰자면

외부페이지를 연결하시기전에 중간페이지를 둬서 페이지로 이동중입니다.

시간이 오래걸릴수있고 로딩중 빈페이지가 출력되실수도 있습니다 라는 경고문을
크게 2~3초정도 띄우시고 이동시키는 것이 어떨가 하는 생각입니다^^
위의 꼼수는 질문자님이 원하시는것과 좀다를거같아요.

뭐 중요한건 글자가 보여지는동안 로딩이 되야하니까..

css와 자바스크립트를 이용해서 꼼수를 만들순 있긴합니다.

iframe이 들어간곳위에 div 하나를 띄워놓는겁니다. 정확히 픽셀값 일치시켜서요.
절대적위치어야겠죠. position:absolute 로..
물론 background:#fff 로해야 뒤에 iframe이 안보일테고요.
그리고 자바스크립트 제어 해야하니까 id 부여하고요.

그리고 자바스크립트로 시간계산.... 할수있나모르겄는데. 시간은 안다뤄봐서...
초단위로 함수 호출하는건 본거같은디..
아무튼 몇초 뒤에 그 id를 display:none 시키면 될듯하네요!

완전꼼수!
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
14년 전 조회 717
14년 전 조회 2,087
14년 전 조회 1,201
14년 전 조회 2,541
14년 전 조회 1,515
14년 전 조회 1,530
14년 전 조회 960
14년 전 조회 1,724
14년 전 조회 942
14년 전 조회 3,890
14년 전 조회 844
14년 전 조회 1,510
14년 전 조회 1,569
14년 전 조회 2,652
14년 전 조회 960
14년 전 조회 879
14년 전 조회 1,054
14년 전 조회 1,540
14년 전 조회 2,858
14년 전 조회 950
🐛 버그신고