jquery로 이런거 가능한가요?
물티슈
현재 1개의 페이지에 불러들여지는 이미지가 여러개있으며, 그 이미지의 크기를 스크립트로 동적으로 잡아주고 있습니다.
인터넷이 빠른곳에서는 별다른 문제가 없으나.. 조금 느린환경에서는..
이미지불러오고.. 스크립트 불러오고.. 이러는 과정들이.. 2초정도 흉하게 보입니다..
이런 문제를 해결하기위해서.. 로밍바를 이용해서..
이미지와 스크립트를 모두 다 불러온 다음에 페이지를 보여주려고합니다.
로딩바는 jquery UI에 있는 로딩바를 이용할 예정이며,
퍼센트를 구하려면.. 전체 이미지갯수와, 현재까지 로딩된 이미지 갯수를 알아야합니다..
전체이미지 갯수는 쉽게 알겠지만.. 현재까지 로딩된 이미지갯수는 어떻게 구해야할지 모르겠습니다..
또한 현재까지 로딩된 스크립트의 퍼센트를 구해서 로딩바에 같이 적용이 가능한지도 궁금합니다. +_+
-
먹딸기
저렇게 하고 함수 안에 console.log() 찍어보면 갯수 증가하는거 보일꺼임
-
촉촉한 초코칩
해당 스크립트 위치를 페이지 하단에 적고 실행해 보세요..
브라우저가 html 소스를 다 읽은 후에 실행되는 것 같네요..
이미지 갯수만큼 alert이 뜰 겁니다.
혹시 사용하신 img가 많으시면 중간에 멈추는 로직 넣고 테스트 해 보세요..
실제 사용하시려면..페이지 상단에서 로딩바 먼저 불러주시고...페이지 하단에서 로딩 여부 체크해서 로딩바 종료하도록 구현해야 할 것 같네요. -
흰두루
$(\body img\).load(function(e){
\tvar num = $(\body img\).length;
\talert(num);
});
말씀하신 로직은 이거아닌가요? 왜 안되징.. ㅠ -
가온
맞사옵니다... ㅎ
-
큰맘
count 전역변수 하나 만들고, (img).load 안에서 1씩 증가시키는 건 어떨까요???
전체 이미지 갯수랑 비교하는 로직 들어가면 img 로딩 완료여부를 알 수 있지 않을까요? -
분홍색진주
갯수는 어떻게 알수가 있을까요? 로딩된 이미지의 갯수요
-
율아
네 가능 합니다..
load 함수 이용하면 ..
현재 불러와진 img 를 알수 있죠 ..
$(\body img\).load(function(){} 요런식으로 ..