로그인

검색

XE HoverDir 위젯

마우스가 움직이는 방향으로 내용이 슬라이드되어 출력되는 위젯입니다.

자료 분류 위젯 0 / 0
라이선스 기타 라이선스
제작자 배워서남준다
홈페이지 www.study4you.kr
설치 경로 ./widgets/xehoverdir
최초 등록일 2013-03-23 00:00 전체 다운로드 0
최근 버전 0.1 다운로드

해당 자료는 라이믹스2에서 동작여부가
확인되지 않았습니다.

라이믹스2 동작 인증하기

다운로드 0
최근 업데이트 2013-03-23 00:00 0 / 0

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 코어에서 정상작동합니다. 다른 버전은 점검 여건이 안되서 잘 모르겠네요.


xehoverdir.jpg


xehoverdir1.jpg



이 자료는 XE 공식 자료실에서 자동으로 다운로드한 자료입니다.
라이믹스 최신버전에서는 동작하지 않을 수 있습니다.

원본 : [공식 자료실 게시글로 이동]