XE 공식 자료실
- 제작자
- 배워서남준다
- 등록일
- 2013-03-23
- 다운로드 수
- 4,293
- 링크1
- www.study4you.kr
마우스가 움직이는 방향으로 내용이 슬라이드되어 출력되는 위젯입니다.
- 라이선스
- 기타 라이선스
- 설치경로
- ./widgets/xehoverdir
- 최초 등록일
- 2013-03-23
- 전체 다운로드
- 4,293
쉬운설치로 바로 체험할 수 있습니다
상세 설명
JS 소스 출처: http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/
기본샘플 - http://www.study4you.kr/xe/index.php?mid=xehoverdir
샘플-1: http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/
샘플-2 : http://ghozylab.com/sample-1/
위젯 질답게시판 : http://www.study4you.kr/xe/QnA
Direction-Aware Hover Effect
공개 슬라이드 소스인 Direction-Aware hover Effect 를 XE 위젯으로 만든 xehoverdir 위젯입니다.
라이센스 : 위젯(PHP)소스는 상업적인 목적으로 사용할 수 없으며 수정, 재배포할 수 없습니다.
[특징]
이미지 크기, 테두리, 여백, 글꼴 색, 배경색등 대부분의 출력 스타일을 자유롭게 지정해서 사용할 수 있습니다.
prettyPhoto 와 fancybox 를 선택해서 사용할 수 있으며, 8-2. 링크 확장변수를 사용해야 합니다.
위젯박스 가로 크기에 따라 가로이미지 갯수가 유동적으로 바뀝니다.
제가 크롬을 주로 이용하기 때문에 크롬과 IE10 에서만 출력 테스트를 하였습니다.
기타 다른 브라우저에서 출력 오류가 있으면, 위젯 질답 게시판에 보고해 주세요.
오류 보고시 오류가 있는 페이지 주소와 사용하는 브라우저등을 알려주어야 점검이 가능합니다.
XE 최신 1.7.3 코어에서 정상작동합니다. 다른 버전은 점검 여건이 안되서 잘 모르겠네요.