목록#해피CGI (1226)

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

[해피CGI][cgimall] 무료 이미지 및 동영상 제공사이트 Pexels

기본적으로 제공되는 이미지는 무료로 이용가능한 이미지입니다. 홈페이지 메뉴중 "license" 페이지를 먼저 열람하여 규격을 확인하시기 바랍니다. 허용범위에 대해선 1. Pexels의 모든 사진은 상업적, 비상업적 용도로 무료 사용할 수 있습니다. 2. 저작권을 고지하지 않아도 됩니다. 꼭 포토그래퍼나 Pexels를 출처로 밝혀야 하는 것은 아니지만 언제든 밝혀주시면 감사하겠습니다. 3. 사진을 수정할 수 있습니다. 창의력을 발휘하여 원하는 대로 사진을 수정하세요. 등의 허용범위 사항을 확인할 수 있으며, 웹사이트, 제품, 인쇄물, SNS 등에 공유 및 배포가 가능합니다. 아울러 허용되지 않는 범위에 대해서도 숙지하셔야 합니다. 1. 식별할 수 있는 인물이 부정적으로 또는 불쾌하게 나와서는 안 됩니다. ..
웹프로그램밍 자료실/기타 자료 2019. 8. 2. 09:06
[해피CGI][cgimall]scrollTop()을 이용한 페이지 상단으로 부드럽게 이동하기

.scrollTop() 을 이용하여 스크롤시 지정한 값까지 이동하면 상단으로란 버튼이 노출되고 클릭시 부드럽게 상단으로 이동하며 버튼이 사라지는 자료입니다. 버튼 .scroll {position: fixed; left: 50%;bottom: 50px;display: none;} 버튼을 하단 고정으로잡고 숨깁니다. $( window ).scroll( function() { if($(this).scrollTop() > 400 ) { $('.scroll').fadeIn(); }else{ $( '.scroll' ).fadeOut(); } } ); 지정한 값만큼 스크롤시 버튼이 보이고 아니면 사라집니다. $('.scroll').click(function(){ $('html, body').animate({ scro..
웹프로그램밍 자료실/JAVA 자료 2019. 8. 1. 09:07
[해피CGI][cgimall] Javascript & CSS 를 이용한 갤러리

Simple Responsive Lightbox Gallery with CSS & jQuery 를 소개 합니다. 사이트의 설명에는 jQuery 를 사용했다고 나와 있지만 실제 코드를 보면 jQuery 를 사용하고 있진 않습니다. ^^ 생각보다 가벼운 Script 와 CSS 를 사용하여 플러그인 반응이 빠릅니다. 이미지 출력 방식은 팝업 모달 방식으로 이미지를 표시합니다. 반응형코드로 모바일에서도 작동하는데 문제가 없습니다. 저는 index.html 을 이용하여 확인해 보았습니다. 생각보다 소스는 간단 합니다. CSS 호출 2개와 jQuery 호출 1개가 끝입니다. ^^
웹프로그램밍 자료실/JAVA 자료 2019. 7. 31. 09:09
[해피CGI][cgimall] Youtube 백그라운드 플레이어 mb.YTPlayer

Jquery 를 이용하여 백그라운드로 영상을 재생하는 자료을 소개해 드립니다. 해당 자료는 Youtube 영상을 백그라운드로 구동시키면서 영상 컨트롤에 포커스가 잡혀 있네요. 저는 자료 다운로드 후 examples/demo.html 을 구동시켜 봤는데 잘 되네요 ^^ 주요기능을 간략하게 설명 드립니다. -여러개의 youtube 영상 주소를 이용하여 플레이 리스트를 구성할 수 있습니다. -플레이 리스트를 기준으로 셔플 재생이 가능 합니다. 그리고 github 사이트에서는 api 를 제공 합니다. ^^ https://github.com/pupunzi/jquery.mb.YTPlayer/wiki 위의 메서드 외에도 있을만한건 다 있네요 ^^
웹프로그램밍 자료실/JAVA 자료 2019. 7. 30. 09:15
[해피CGI][cgimall] 텍스트 에어리어 자동높이/최대높이 Auto Resizing Textarea with max-height

텍스트를 입력하면 자동으로 높이가 늘어납니다. 스크립트 소스상에 지정된 높이보다 늘어나게 되면 스크롤바가 출력되고 더 이상 높이가 증가하지 않습니다. $('#contact-form').on( 'change keydown keyup paste cut', 'textarea', function () { $(this).height(0).height(this.scrollHeight+2); if ($(this).height() >= 300) { $('textarea#message').css("overflow", "auto"); } else { $('textarea#message').css("overflow", "hidden"); } }).find('textarea#message').change(); /* alter..
웹프로그램밍 자료실/JAVA 자료 2019. 7. 29. 09:03
[해피CGI][cgimall] 해피 자동차중개 솔루션 모바일 Ver2.0 (Ver 7.x 전용장착옵션) 이 새롭게 출시되었습니다

안녕하세요 해피CGI 입니다. 해피 자동차중개 솔루션 모바일 Ver2.0 이 새롭게 오픈하였습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/웹솔루션소개 2019. 7. 26. 09:34
[해피CGI][cgimall] 해피 자동차중개 솔루션 Ver7.0 [미니홈비내장]이 새롭게 출시되었습니다

안녕하세요 해피CGI 입니다. 해피 자동차중개 솔루션 Ver7.0 [미니홈피 비내장] 이 새롭게 오픈하였습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/웹솔루션소개 2019. 7. 26. 09:27
[해피CGI][cgimall] 해피 자동차중개 솔루션 Ver7.0 [미니홈내장]이 새롭게 출시되었습니다

안녕하세요 해피CGI 입니다. 해피 자동차중개 솔루션 Ver7.0 [미니홈피 내장] 이 새롭게 오픈하였습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/웹솔루션소개 2019. 7. 26. 09:15
[해피CGI][cgimall] 초상권 없는 얼굴사진을 만들어주는 사이트 - thispersondoesnotexist.com

AI로 무작위 사진을 조합하여 실존하지 않는 사람들의 얼굴사진을 만들어냅니다. 새로고침을 누를때마다 새로운 얼굴을 합성하여 만들어내며 원하는 사진을 찾기까지에는 시간은 좀 걸릴듯 합니다. 합성하는 사진이다보니 부자연스러운 얼굴도 보이니 참조하시고 초상권 침해없는 인물의 얼굴이 필요할때 유용합니다.
웹프로그램밍 자료실/기타 자료 2019. 7. 26. 08:57
[해피CGI][cgimall] 간편한 컬러피커 JQuery 플러그인 - drawrPalette

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jquery 라이브러리 파일과 drawrpalette JS 파일 링크를 걸어줍니다. 2. 색상코드를 입력할 Text 필드 폼을 추가합니다. 3. Text 필드 폼에 입력한 ID 값을 선택자로 플러그인을 호출합니다. 4. 기본 색상을 세팅할 수 있습니다. 5. 지정된 색상을 제거할 수도 있습니다. 6. 사용자 액션에 따라 이벤트를 추가할 도 있습니다. - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2019. 7. 25. 09:06
Prev 1 ··· 41 42 43 44 45 46 47 ··· 123 Next