반응형
Intelligent cropping for flexible image containers
유연한 이미지 컨테이너 반응형 플러그인
사실 이 기능을 찾기 위해 검색을 한 것은 아니지만,
아주 유요한 플러그인을 우연히 발견하여 이렇게 기록용으로 포스팅합니다.
간략하게 설명하자면,
반응형 사이트에서 사이트내에서 사용하는 이미지가 자동으로 크롭되잖아요.
이때 이미지의 정렬은 보통 left, right, center 인데요.
이 플러그인은 이미지내에 포커스 좌표를 지정하여, 그 포커스를 center로 정렬하는 플러그인입니다.
아래 이미지를 예로 들면,
넓은 창일때의 이미지
좁은 창일때의 이미지
도마뱀의 눈에 포커스를 맞추어 이미지가 반응형으로 크롭된다는 것이지요.
이 기능이 유용한지 안한지에 대해서는
모바일 사이트를 구현해본 사람만이 느낄수 있을 것입니다. ㅎ
사용법과 플로그인 다운로드는 아래 링크를 클릭하셔용 ㅎ
2014.11.25 .
반응형
