jquery로 이미지의 경로를 바꿧을 때 딜레이가 오래 걸릴때가 있나요?
조회수 493회
jquery로 이미지의 경로를 attr('src','asadsadsa')
해서 바꿧을떄 바뀌는 동안의 딜레이가 오래 걸릴때가 있나요? 이미지 경로 바꾸면서 너무 빠르게 계속 바뀌면 0.1초정도 늦게 바뀌는건 봤는대 단순히 한, 두번 천천히 바꿧을 때도 딜레이가 긴 경우가 있는지 알고 싶습니다. 만약 길다면
.load
처럼 경로에서 이미지 불러온 후 의 행동을 지정하고 싶습니다.
-
(•́ ✖ •̀)
알 수 없는 사용자 - 〉
1 답변
-
마지막에 댓글로 물어보신 것에 답만 드리자면...
// 이건 안됩니다. 애초에 jQuery 3.0으로 오면서부터는 .load() 메소드가 없어졌습니다. $('img').attr(어쩌구, 저쩌구).load(function(){ 중얼중얼 }); // 이건 됩니다. 단지 onload 이벤트를 $('img')에 바인딩할 뿐이기 때문이죠. $('img').attr(어쩌구, 저쩌구).on('load', function(){ 중얼중얼 });
실제 퍼포먼스는 데모에서 확인해 보세요. 도움이 되었기를 바랍니다.
+ 참견: 혹시 지금 "용량 큰 이미지 B가 로딩될 때까지는 이미지 A를 보여주고 그게 다 로딩되면 A를 B로 바꾸는" 작업을 하고 계신 건가요? 그렇다면 지연 로딩에 대해 공부해 보시거나 이런 답변의 제안을 진지하게 고려해 보세요. 로딩 퍼포먼스를 위해 추가 로딩이나 그 관리가 필요하다면 그 코드는 어딘가 잘못되어 가고 있는 겁니다.
댓글 입력