2011-10-28 2 views
3

나는 flickr에 대한 ajax 호출이 채워지는 div가 있습니다. 목표는 div로 사진을 채운 다음 div를 퇴색시키는 것입니다. 문제는 내가 가장 짧은 컬럼에 기반하여 3 개의 컬럼으로 사진을 배포하기 위해 자바 스크립트를 사용하고 있지만 div가 초기에 숨겨져있는 경우 치수가 없어서 배포 스크립트가 실패하고 모든 이미지가 첫 번째 컬럼에 저장된다는 것입니다.jquery - 숨겨진 div 채우기 문제

div를 숨기고 있지만 높이를 유지할 수있는 방법이 있습니까? 그런데 visibility: hidden을 사용하면 작동하지 않습니다.

+0

모든 사진의 크기가 같거나 다를 수 있습니까? – Moon

답변

0

해킹으로 요소의 여백을 -3000px (또는 다른 큰 번호)로 설정하여 가끔 보이지 않게 가짜로 만들 수 있습니다. 요소는 너비와 높이를 유지하지만 화면의 뷰 외부에 렌더링됩니다.

+0

스크롤 막대가 발생하지 않습니까? – Moss

+1

이것이 실제로 작동합니다. 나는 그 순서를 알아 내야 만했다. 'margin : -9999px','load content','margin :''','hide','fadeIn'. 그것은 배치 div와 하나의 사소한 짜증나는 문제가 발생하지만 또 다른 문제입니다. – Moss

+0

이것은 일반적으로 스크롤 막대를 일으키지 않아야하지만 기존 CSS 및 HTML에 따라 다를 수 있습니다. 예를 들어,이 시험을 시도해보십시오. html : cbp

0

이것은 내가 좋아하는 물건인데 jQuery Masonry을 사용하고 싶습니다. basic single-column demo을 확인하십시오. 나는 당신이 성취하고자하는이 효과라고 생각하고 있습니다.

+0

예. 멋지게 보이지만 지금은 필요하지 않습니다. – Moss

관련 문제