잡동사니

프로그램 소개: http://simulz.com/462 DIV 재정렬 테이블에서 주로 쓰는 정렬 기능을 DIV에 적용했다. var cctv_sort_checked = function() { var row_checked = $('#list div').has(':checked').get(); var row_unchecked = $('#list div').has(':not(:checked)').get(); $('#list').empty(); $.each(row_checked, function(index, row_checked) { row_checked.sortKey = parseFloat($(row_checked).attr('id').replace(/^[^\d.]*/,'')); }); $.each(row_un..

프로그램 소개: http://simulz.com/462 마우스 스크롤 줌인, 줌아웃 버튼 위에서 마우스 휠을 돌리면 CCTV가 확대·축소 된다. $("↕100%").insertAfter('#reset').hide(); var numWidth = 320; var numHeight = 240; $('#cctv_zoominout').click(function() { numWidth = 320; numHeight = 240; cctv_resize(this); }).mousewheel(function(objEvent, intDelta){ if (intDelta > 0){ if(numWidth >= 1280) return false; numWidth += 160; numHeight += 120; } else if ..

프로그램 소개: http://simulz.com/462 툴팁, 마우스 오버 효과 var $tooltip = $('').appendTo('body'); var positionTooltip = function(event) { var tPosX = event.pageX; var tPosY = event.pageY + 20; $tooltip.css({top: tPosY, left: tPosX}); }; var mouseOver = function(event) { $(this).addClass('hover'); var cctvName = $(this).text().replace(/\d+\./, ''); var action = ' 추가'; if ($(this).is('.checked')) { action = '서 ..

프로그램 소개: http://simulz.com/462 초기화 버튼 토글 var toggleResetButton = function() { if($('#list :checked').length) { $('#reset').attr('disabled', false); } else { $('#reset').attr('disabled', true); } } if($('#list :checked').length) ID가 list인 객체에 속해있는 체크박스 중 속성이 checked인 객체들이 있으면, jQuery는 객체가 없어도 값을 반환하므로 .length로 검사해야 한다. $('#reset').attr('disabled', false); ID가 reset인 객체(BUTTON)의 disabled 속성을 제거한다.

프로그램 소개: http://simulz.com/462 프리셋으로 선택하기 미리 설정된 CCTV들을 자동으로 선택한다. $('#left_foot button').click(function(){ $('#list :checkbox').attr('checked',false).parent().removeClass('checked'); $.each(cctv_preset(this.id), function() { $('#c' + this).attr('checked',true).parent().addClass('checked'); }); toggleResetButton(); }); $('#left_foot button') ID가 left_foot인 객체에 속해있는 하위 엘레멘트인 button 객체들을 가리킨다. .cl..

프로그램 소개: http://simulz.com/462 CCTV 직접 선택하기 DIV 영역 또는 체크박스를 클릭하면 선택이 된다. $('#list div').click(function(event) { var $check = $(this); if($check.is(':not(.checked)')) { $check.addClass('checked').find(':not(:checked)').attr('checked',true); }else if($check.is('.checked')) { $check.removeClass('checked').find(':checked').attr('checked',false); } mouseOver.call(this, event); toggleResetButton(); })..

http://simulz.com/398 글에서 소개한 적외선 카메라에 Hoya 적외선 필터를 앞에 붙여보았습니다. 적외선 필터 붙이기 전 아래 사진은 적외선 카메라로 컬러 촬영되었습니다. 아래 사진은 적외선 모드로 촬영된 사진입니다. IR LED가 켜지고 적외선이 찍히지만 밝은 부분은 컬러로 찍힙니다. 가시광선도 함께 찍히는 것입니다. (LCD 모니터와 중간의 파란 LED 불빛) 적외선 필터 장착 아래사진은 적외선 카메라 앞에 적외선 필터를 대고 찍은 사진입니다. LCD 모니터의 화면이 전혀 보이지 않습니다. 가시광선이 완전히 차단되었기 때문입니다.

적외선 촬영을 하기 위해 적외선 카메라를 구입했습니다. 특수 용도가 아니므로 저렴한 제품을 골라야 했기에 CCTV용 적외선 카메라를 선택 했습니다~ 제품모델명: NI595NCE CCD: 1/3" 41만화소 LED: IR LED 54개 제품 상세 소개 온라인 쇼핑몰에서 20M 전용 케이블 및 어댑터를 포함하여 13만원에 구입했습니다. (27만 화소는 10만원) 성능 테스트 아래는 Canon G9로 촬영한 사진입니다. 어두워서 뭘 찍었는지 알 수가 없습니다. 적외선 카메라로 찍은 사진입니다. 불을 켜고 찍은 것처럼 밝고 깨끗합니다. 현재 연결 방식 IR CCTV -> FusionHDTV3Plus DVR 카드가 없어서 TV 수신 카드를 사용하였습니다. 원격 감시 TV 수신카드에 컴포지트 케이블로 연결했더라도 ..