Supersized is a jQuery plugin that automatically resizes (background) images to the size of the browser while maintaining image dimension ratio and runs them as a slideshow. There is no extra whitespace, no scrollbars – the entire browser window is always filled. It is lightweight and plays nice with Firefox, Safari, Opera, IE7, and IE6.
Requirements: jQuery Framework
Demo: http://buildinternet.com/live/supersized/
License: License Free
Province : http://www.webappers.com
이미지를 브라우저의 백그라운드에 너비 높이 100%로 확대시켜 출력하고 이를 슬라이드 시키거나 콘트롤 할 수 있도록 하는
jQuery 플러그인. v1의 경우 이미지의 확대 및 이미지 슬라이드쇼를 구현하였고 v2에서 슬라이드 쇼 사이에
Translation Effects가 추가되어 페이드 인-아웃등의 효과가 가능하게 되었고 이미지를 앞뒤로 건너뛰어 볼 수 있는
콘트롤러 기능이 탑재되었다.
v2의 경우는 보다 많은 기능이 새로 생겼지만 이미지 변환효과쪽의 코드 프로세싱이 합리적이지 못해 웹 브라우저에서 리소스를 너무 많이 잡아먹어 결국 CPU 메모리 점유율이 올라가고 이에따라 하위 브라우저나 저사양 그래픽 카드가 탑재된 컴퓨터에서는 수준 이하의 퍼포먼스를 보여준다. 따라서 v2의 효과를 제대로 사용하기 위해서는 v1 버전을 사용하면서 부분적으로 v2의 코드를 적절히 삽입하여 상호 호환 될 수 있는 타협점을 찾을 필요가 있다.
XE에 적용한 v1의 개량형 플러그인 적용 예
http://www.premiumxe.com/PXE_superscreen
해외 마이크로 블로그에 사용 된 실예는 아래 이미지를 클릭
http://ringvemedia.com/
Trackbacks0
댓글 쓰기 권한이 없습니다. 회원 가입후에 사용 가능합니다
흠....냐~