잡담소장소

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

fancybox를 이용하다보면 페이지를 reload가 필요한 경우가 발생한다. 1. fancybox를 닫을 때 호출한 페이지 reload $.fancybox({ .. onClose: function(){ parent.document.location.reload(); } }); 2. fancybox내에서의 페이지 reload $.get("index.html", {}, function(data){ $.fancybox( data ); });

fancy box의 본문이 가변적일 때 높이를 그때그때 바꿔주기 위해서 코드를 추가하였다. $.fancybox({ 'onComplete' : function() { $('#fancybox-frame').load( function() { var iframe_height = $('#fancybox-content').contents().contents().height(); $('#fancybox-content').height( iframe_height); $.fancybox.center(); } } }); stack and overflow 에서 검색하다가 contents() 함수로 긁어오는 걸 봤는데 거기선 contents().find('id') 이런식으로 찾아서 시도했는데 내가 하면 안되서 한참 삽질하다가 ..