본문 바로가기

퍼블리싱/jQeury, Javascript

bxSlider Issue - fade mode does't work in ie browser fade mode does't work in ie browser간헐적으로 익스에서 컨텐츠영역의 페이드가 잘 안될때가 있다.이때 각 컨텐츠 li마다 width, height 값을 인라인스타일로 박아놓으면 된다. 더보기
bxSlider Issue - content and next/prev arrows fade when slides fade content and next/prev arrows fade when slides fade이슈는 이런 상황에서 일어난다.- mode : fade 이고- 컨텐츠영역과 컨트롤영역(탭/좌우네비게이션/페이징버튼)의 레어어가 겹쳐서 있을경우 컨텐츠영역이 페이드인아웃될 때 컨트롤영역도 함께 페이드인아웃이 된다는 것!해결책은 컨트롤영역의 zIndex값을 55이상으로만 주면 된다. 더보기
datepicker 위치 조정 beforeShow : function(input,inst){ var offset = $(input).offset(); var height = $(input).height(); window.setTimeout(function () { $(inst.dpDiv).css({ top: (offset.top + height) + 'px', left:offset.left + 'px' }) }, 1); } 더보기
Browser Zoom In / Out var currentZooim = 100; // 현재비율 var maxZoom = 200; // 최대비율(500으로하면 5배 커진다) var minZoom = 80; // 최소비율 function zoomIn(){ if(currentZooim minZoom){ currentZooim -= 10; //25%씩 작아진다. $("#dispSize").html(currentZooim + "%"); document.body.style.zoom = currentZooim + "%"; }else{ return; } } 더보기
막대그래프(unlimited value) // 그래프보기 버튼 클릭시 $('.btn').on('click', function () { var wishNumArr = [32,15,0,2]; // 그래프값(실제로 노출될 값 순서대로 들어야야함) var maxNum; maxNum = getMaxOfArray(wishNumArr); function getMaxOfArray(numArr) { return Math.max.apply(null, numArr); } $('#popWishResult .graphArea li').each(function (i) { $(this).find('.bar').width(function () { return ((wishNumArr[i] / maxNum) * 100) + '%'; // 제일 큰 숫자를 100% 기준으로 삼고.. 더보기