잡담소장소

뭐부터 적어야할까-_-;;신나게 삽질한 탓에 혼란스럽기만 하다 ㅠㅠ 일단 나의 목표는 ㅡ1. img 태그에 이미지를 로드한다2. 해당 이미지의 가로, 세로사이즈를 얻어낸다3. 해당 사이즈에 맞춰 fancybox를 띄운다.ㅡ 이었다. 로드 후에 작업을 하기 위해서 .load()를 사용하였는데 ㅡ 기본적으로 jQuery 사용내가 여기서 개념적으로 착각한 부분이.load()를 loading 이라고 생각해버린 것이다. ㅡ loaded인데 lllorz이게 첫번째 삽질이고 두번째 삽질은 .load() 안에서 img 태그에 올려진 이미지의 사이즈를 알기 위해서 $("#img").width()를 호출한 것이다. 이 부분은 아직도 모르겠지만 아무튼 그로 인해 load의 여부를 알기 위해서 구글링하고.width() 호출해..

html 요소들이 아닌 본문에 호출된 image를 load시에 변경하고 싶을 때ㅡ 보통 jQuery를 load시 호출하고 싶으면 $(document).ready 를 사용했는데위의 상황의 경우는 $(window).ready $(window).load()를 호출해야된다.그렇지 않으면 이미지가 먼저 로드되면 적용되고 나중에 로드되면 적용되지 않는 확률적 변화가 생김-_-;; 자세한 설명은 아래 블로그에서..http://web.enavu.com/daily-tip/daily-tip-difference-between-document-ready-and-window-load-in-jquery/ IE 에서는 $(window).load()가 작동하지 않는다.$(function() 을 이용해야 함 ( or window.on..

img의 id나 name을 넘기지 않고 한번에 처리하는 방법 $('.class img').each(function() { var maxWidth = 100; // 이미지의 최대 가로 사이즈 var maxHeight = 100; // 이미지의 최대 세로 사이즈 var ratio = 0; // Used for aspect ratio var width = $(this).width(); // 현재 이미지의 가로 var height = $(this).height(); // 현재 이미지의 세로 //현재 이미지가 최대 이미지보다 큰지 체크 if(width > maxWidth){ ratio = maxWidth / width; // 이미지의 비율 구함 height = height * ratio; // 비율에 맞는 가로,..