목록#slideshow (3)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] jquery Tilted Content Slideshow

* Tilted Content Slideshow 이미지를 기울어진 형태로 보여줄 수 있는 3D 입체 슬라이드쇼 입니다 * 설치방법 첨부된 압축파일을 해제하여 원하는 폴더에 업로드 합니다 적용될 페이지에 제공되는 css 및 js 를 선언합니다 애니메이션 효과가 적용될 사진과 텍스트를 아래와 같이 배치하도록 합니다 문서 하단에 제공되는 js 파일 및 스크립트를 선언합니다 위와 같은 관련 코드가 실행되었을때 화면은 아래와 같습니다 샘플소스 코드는 첨부된 파일중 index.html 파일을 참조하시면 도움이 되실겁니다
웹프로그램밍 자료실/JAVA 자료 2019. 7. 11. 09:07
[해피CGI][cgimall] Draggable Dual-View Slideshow Ver0.9.7

* Draggable Dual-View Slideshow 드래그 가능한 슬라이드 쇼로 전체 화면보기에서 관련 콘텐츠 영역을 볼 수 있습니다. 전체 화면 스크롤 웹 사이트를 만들 수 있으며 사이트 섹션에 가로 슬라이더를 추가 할 수도 있습니다. * License GPL License * 사용방법 첨부된 다운받아 웹디렉터리 안에 업로드한후 압축파일을 해제합니다 아래와 같은 구조로 코드를 작성해줍니다 기본 제공되는 css,js 파일을 호출하고 slideshow 영역안에 가로로 드래그해서 보여질 내용들의 html 및 css코드를 작성합니다 페이지 하단과 상단으로 이동할 수 있는 영역에 대한 html,css 코드를 추가합니다 드래그 및 슬라이드가 작동될 수 있도록 js 호출 및 script 를 작성해줍니다 기본 ..
웹프로그램밍 자료실/JAVA 자료 2019. 6. 5. 09:09
[해피CGI][cgimall] Skitter Slideshow for anytime

jquery를 이용해서 제작된 다양한 효과를 가진 슬라이드 입니다. 첨부파일을 다운로드 받아서 압축을 해제한후 examples/index.html examples/multiple.html examples/numbers.html examples/thumbs.html 위 파일들을 웹브라우저로 열어보면 슬라이드 효과를 확인할수 있습니다. 다양한 애니메이션 효과를 선택할수 있네요. 한페이지에 여러개의 슬라이드를 이용하는 예제입니다. 슬라이드의 네비게이션을 숫자를 쓰거나, 작은사진을 이용하는 예제입니다. 출처는 https://skitter-slider.net/ 입니다.
웹프로그램밍 자료실/JAVA 자료 2017. 11. 29. 09:14
Prev 1 Next