일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- CSS
- #happycgi
- #image
- #뉴스
- #CSS
- #홈페이지
- happycgi
- 해피CGI
- 사이트제작
- #이미지
- CGIMALL
- 솔루션
- 웹솔루션
- 게시판
- jquery
- php
- 홈페이지제작
- #홈페이지제작
- 해피씨지아이
- #jQuery
- javascript
- #웹솔루션
- #쇼핑몰
- #cgimall
- #동영상
- #업종별
- 홈페이지
- #해피CGI
- #솔루션
- 쇼핑몰
- Today
- Total
목록이미지 (31)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
지우고 싶은 부분을 브러쉬를 사용하여 색칠 합니다. 그리고 클리너 버튼을 누르면 완벽하게 지워집니다. AI 를 사용하여 지워주기 때문에 사람등도 잘 지워진다고 광고하고 있습니다. 사진에 특정인물등을 지우고 싶다면 활용해 보시기 바랍니다.
AI 를 이용하여 키워드를 입력하면 관련 타일 이미지를 생성해 줍니다. happy dog 라고 쳐보니 위의 타일 이미지를 만들어 주네요. 같은 키워드라도 생성할때 마다 다른 이미지를 보여주니 참고 하시면 되겠습니다.
상업용으로 사용할 수 있는 무료 이미지 사이트 펙셀 상업적인 사이트를 제작 운영 시 안심하고 사용할 수 있는 무료 이미지가 필요합니다. 펙셀은 가끔 저작권을 명시해야 될때도 있지만 별도의 출처명시없이 무료이미지를 사용할 수 있습니다. 한글화도 되어 있어서 편하게 사용이 가능하며, 이미지는 물론, 무료 영상 자료도 제공하고 있습니다. 이미지를 다운로드시 다양한 사이즈 중 선택 다운로드가 가능합니다. 이미지마다 일부 라이센스 정책이 다르니, 꼼꼼히 확인해서 홈페이지 제작에 사용해보세요.
사용하기 쉬운 랜덤 이미지 출력 API 입니다. https://picsum.photos/ 페이지로 접속하여 사용법 확인이 가능 하지만, 단순히 랜덤 이미지 출력을 해야 될 위치에 태그 사용만으로 이용이 가능 합니다. URL의 숫자가 가로 크기, 세로 크기 입니다. 단순 이미지 출력이 아닌 블러효과등 다양한 효과의 이미지 출력도 가능하니, 홈페이지를 통해 확인 하여 필요하신 이미지를 이용 하시면 되겠습니다.
다양한 공유저작물을 만나실수 있습니다. 폰트, 음악, 영상, 이미지등 필요한 자료를 찾아보세요. 상단의 검색창을 통해서도 찾으실수 있으며 https://gongu.copyright.or.kr/gongu/wrt/wrtCl/listWrtImage.do?menuNo=200018 [이미지] https://gongu.copyright.or.kr/gongu/bbs/B0000018/list.do?menuNo=200195 [폰트] 등 위 링크를 통해서도 바로 확인이 가능합니다.^^
마우스 오버시 이미지를 변경하는 Javascript 이미지 영역에 마우스 오버시 이미지가 변경되는 Javascript 소스 첨부된 Javascript 소스내 이미지경로를 지정할 수 있으며, 변경시 합성되는 이미지 경도 지정할 수 있습니다.
Vanilla JS Image Lightbox 의 특징. 1. 초기화가 쉽습니다. 2. 반응형 입니다. 3. 사용자가 박스의 로딩 속도를 설정할 수 있습니다. 4. 커스텀 이벤트 콜백 함수를 제공합니다. 5. 순수 CSS Retina Ready UI 이미지 입니다. 라이센스는 MIT License 입니다. 사용법 안내 입니다. 1. CSS 호출 2. 플러그인 호출 3. 이미지 선언 4. Script 호출 및 실행
이미지를 확대해서 보여주는 이미지뷰어 플러그인 입니다. 다운로드 받은 파일의 압축을 해제하고, examples 폴더내의 몇몇 html 파일을 웹브라우저로 열어보면 샘플확인이 가능합니다. 작은 이미지를 클릭하면 위 그림상 아래에 표시되는 것 처럼 상세한 이미지를 표시해줍니다. 확대, 축소 및 다음 이미지, 이전 이미지를 선택해서 보는게 가능합니다. 화면 크기에 맞춰서 이미지뷰어의 크기가 조절이 됩니다. 전체화면 및 이미지 회전 등의 기능이 있습니다. 한번에 여러개 이미지뷰어가 되며, 각 이미지뷰어를 드래그해서 위치 조절도 가능합니다. 이미지뷰어를 커스터마이징 하기 위해서, 여러가지 옵션들을 제공을 해주네요.
이미지에 마우스 오버시 돋보기 아이콘과 함께 이미지가 에니메이팅 효과로 줌인되어 심플하지만 주목될수있는 퍼포먼스를 보여주는 Jquery lightgallery 로 사이트의 주목할만한 컨텐츠를 제작하는데 도움이 됩니다. 특정 이미지에 마우스 오버시 에니메이션 효과로 줌인되어 심플한 UI 로 주목성을 줄수 있는 lightgallery 는 핵심이되는 .demo-gallery css 소스를 이용하여 해당 이미지 영역에 반영할 경우 위와같이 줌인되는 이미지를 확인할 수 있습니다. 핵심이 되는 위 css 소스와함께 jquery.min.js (ver 1.11.2) 를 이용하여 위와같은 class 와 script 소스를 정해주시면 작동되게 됩니다.
FancyBox 소개 - FancyBox는 웹 페이지의 이미지, HTML 콘텐츠 및 멀티미디어를 별도 박스에 표시하는 도구입니다. 라이센스 - MIT, GPL License FancyBox 기능 - 이미지, HTML요소, SWF, 아이프레임, Ajax 요청 - 설정 및 CSS를 통한 사용자 정의 - 마우스 휠 플러그인이 페이지에 포함된 경우 FancyBox뿐만 아니라 마우스 휠 이벤트에 응답 - 확대된 항목 아래 그림자 추가 설치방법 - 첨부된 zip 파일을 압축을 풀고 웹루트 디렉터리에 업로드 한 다음 웹브라우저로 실행하면 다음과 같은 샘플화면을 볼 수 있습니다 작은이미지들이 많거나 갤러리 형태의 웹페이지에 적용하면 꽤 괜찮은 효과를 볼 수 있을거 같네요