웹개발자의 기지개

위의 사진을 보면 부트스트랩4의 캐러셀 소스인데, 각각 사진이미지가 1842 x 645 픽셀에 반응형으로 코딩되어 있다. 그런데, 문제는 이사진 바깥의 배경이미지가 각각의 배너 배경색과 동일하게 각각 배너마다 다르게 캐러셀 배경도 바뀌어야 한다는 점이다. 일단 아래의 소스를 참고하자. 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 32 33 34 35 36 $(document).ready(function(){ // Activate Carousel $("#carousel-visual").carousel({interval: 6000}); $("#carousel-visual").on('slide.bs.car..

유투브 영상을 클릭하기 전에 내가 원하는 썸네일 이미지를 넣어서 연동하도록 작업해 보자. 1234567891011121314 $(document).on('click','.play', function(e){ e.preventDefault(); var play_button = this; play_button.style.display = "none"; $('#promotion_video')[0].src +='?autoplay=1';})Colored by Color Scriptercs

jquery 라이브러리 중에 DataTable 이다. 깔끔하고 다양한 액션 기능들을 제공한다. https://datatables.net/ DataTables | Table plug-in for jQuery DataTables Table plug-in for jQuery Advanced tables, instantly DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any H datatables.net ajax 형태이므로 ..

실무에서 자주 쓰이는 modal 을 다양한 기능을 가진 플러그인 소스가 있다. https://www.jqueryscript.net/lightbox/Bootstrap-4-Modal-Wrapper.html Bootstrap 4 Modal Wrapper Plugin With jQuery This Bootstrap modal wrapper factory jQuery plugin makes it easier to create Bootstrap 4 powered modal windows and dialog boxes with additional features. www.jqueryscript.net 예제 화면도 볼수 있고 예제 소스를 다운로드 받아서 돌려볼 수 있다. [기본적인 라이브러리 소스] 1 2 3 4 cs..

상기 그림과 같이 AM , PM 원하는 시간대를 설정할 수도 있고, 이를 select 박스 형태로 시간대를 선택할 수 있도록 해 준다. jquery Timepicker https://timepicker.co/ jQuery Timepicker jQuery Timepicker is a plugin to help users easily input time entries. It can parse the most used time representations allowing you and your users to enter time using their prefered way for writing it. Also, if writing is not your thing, you can also choos timepi..

$('#sitemapBtn').click(function() { $('#sitemap').toggle("slow"); }); $('#sitemapClose').click(function() { $('#sitemap').toggle("slow"); }); 토글 기능이다. 클릭시 보였다가 한번더 클릭하면 사라진다. 매개변수로 slow 값을 넘겨주면 천천히 동작한다.

1. 체크박스를 체크했다 안했다 확인 체크 2. 여러개의 체크박스가 있고 적어도 하나는 체크했는가를 확인할때 바나나 고구마 감자 수박 확인점검