jquery each reverse loop Sample code

< 상황 >

사진앨범 위젯이 여러 성격으로 사이즈가 다르게 있음.

브라우저 resize 시에도 사진개수가 조정되어야 함.

< 처리 방안 >

그냥 css 로 처리하면 간단함. 나는 이것을 몰랐기에 

사이즈를 계산해서 적정 개수를 계산후

jquery each loop 를 돌리면서 삭제하는거를 만들었었고, 그 도중에 테스트했던 코드가 아래에 있다.

** jquery each reverse loop Sample code

$($(".poto_set").get().reverse()).each( function() {

console.log("setid:" + $(this).attr("id") );

$(this).hide();

if( i == 5) return false;

i = i + 1;

});

위에껀 뭐 쓰지는 않은... 삽질이었고...

** CSS

요 작업은 내가 한 건 아니고.. 암튼 결정적인 거는 overflow:hidden; 요거인듯.

.wg_poto .wgContents {position:relative; height:265px; padding:13px 0 0 16px; background:#fff; border:1px solid #a9c1dc; border-bottom:none; overflow:hidden;}