일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- php
- #해피CGI
- 사이트제작
- 솔루션
- 해피CGI
- 홈페이지제작
- jquery
- #뉴스
- 웹솔루션
- CSS
- #jQuery
- CGIMALL
- #이미지
- #동영상
- #happycgi
- 홈페이지
- 쇼핑몰
- #CSS
- #홈페이지제작
- #쇼핑몰
- 게시판
- #image
- #웹솔루션
- #cgimall
- #업종별
- #솔루션
- #홈페이지
- javascript
- happycgi
- 해피씨지아이
- Today
- Total
목록image (14)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
해피CGI, #happycgi, #cgimall, #JQuery, #image, #zoom, #이미지확대 - 라이센스 MIT - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 xzoom.css 파일, xzoom.min.js 파일을 링크합니다. 2. IMG 태그로 이미지를 출력하고 아래 옵션을 적용합니다. · xoriginal - 확대/축소된 이미지로 사용되는 큰 이미지 경로 · xpreview - 선택 사항이지만 설정 시 이 속성은 중간 미리보기 이미지로 사용되는 반면 이 경우 src 속성은 작은 축소판 이미지로 사용됩니다. 이 속성이 설정되어 있지 않으면 src 속성이 중간 미리보기 이미지로 사용됩니다. · xtitle - 캡션으로 사용될 텍스트 문자열이며 titleClass가 있는 "div" ..
Vanilla JS Image Lightbox 의 특징. 1. 초기화가 쉽습니다. 2. 반응형 입니다. 3. 사용자가 박스의 로딩 속도를 설정할 수 있습니다. 4. 커스텀 이벤트 콜백 함수를 제공합니다. 5. 순수 CSS Retina Ready UI 이미지 입니다. 라이센스는 MIT License 입니다. 사용법 안내 입니다. 1. CSS 호출 2. 플러그인 호출 3. 이미지 선언 4. Script 호출 및 실행
checkbox와 label 을 이용하여 이미지의 특정 부분들을 클릭시 이미지가 줌인되고 설명 텍스트가 나오도록 제작된 소스입니다.
* Inline Menu Layout with Gallery Panel - hover 애미메이션 효과와 갤러리 컨텐츠의 미리보기 기능을 제공합니다 * License - MIT License * 사용방법 - 첨부된 압축파일을 원하는 디렉터리에 업로드후 압축을 해제합니다 적용할 html 문서안에 js,css 를 추가하여 로드합니다 메뉴에 hover 적용시 출력될 이미지와 링크태그를 삽입합니다 메뉴클릭시 하위 갤럴리식으로 출력될 코드를 추가합니다 적용된 코드를 브라우저로 확인하면 아래와 같이 출력됩니다 예제는 압축파일안에 dist/index.html 파일을 참고하시면 되겠습니다