반응형 갤러리 리스트에서 이미지 사이즈 맞추고 가운데 정렬하기

//썸네일 이미지 가운데 조정

$(window).resize(function(){ //화면 사이즈 줄일때 실시간으로 적용

$(".event-image img").each(function(){

var ThumImgWidth = $(this).width();

var ThumImgLeft = -(ThumImgWidth/2);

$(this).css({"left":ThumImgLeft});

});

});

​

$(".event-image img").each(function(){

$(this).load(function(){ //이미지가 로드되면 실행

var ThumImgWidth = $(this).width();

var ThumImgLeft = -(ThumImgWidth/2);

$(this).css({"left":ThumImgLeft});

});

});

​

​

[css]

.event-list ul li .event-image {position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;}

.event-list ul li .event-image img {width: auto; height: 100%; position: absolute; top: 0; left: -50%; (jquery가 안먹혔을 때를 대비) margin-left: 50%;}