fade mode does't work in ie browser

간헐적으로 익스에서 컨텐츠영역의 페이드가 잘 안될때가 있다.

이때 각 컨텐츠 li마다 width, height 값을 인라인스타일로 박아놓으면 된다.

글쓰고 저장

content and next/prev arrows fade when slides fade

이슈는 이런 상황에서 일어난다.
- mode : fade 이고
- 컨텐츠영역과 컨트롤영역(탭/좌우네비게이션/페이징버튼)의 레어어가 겹쳐서 있을경우

컨텐츠영역이 페이드인아웃될 때 컨트롤영역도 함께 페이드인아웃이 된다는 것!
해결책은 컨트롤영역의 zIndex값을 55이상으로만 주면 된다.




글쓰고 저장

datepicker 위치 조정

2017.06.13 14:25에 씀
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

2017.04.07 13:31에 씀
var currentZooim = 100; // 현재비율
var maxZoom = 200; // 최대비율(500으로하면 5배 커진다)
var minZoom = 80; // 최소비율

function zoomIn(){
    if(currentZooim < maxZoom){
        currentZooim += 10; //25%씩 커진다.
        $("#dispSize").html(currentZooim + "%");
        document.body.style.zoom = currentZooim + "%";
    }else{
        return;
    }  
}

function zoomOut(){
    if(currentZooim > minZoom){
        currentZooim -= 10; //25%씩 작아진다.
        $("#dispSize").html(currentZooim + "%");
        document.body.style.zoom = currentZooim + "%";
    }else{
        return;
    }
    
}
글쓰고 저장

막대그래프(unlimited value)

2017.01.19 17:15에 씀
// 그래프보기 버튼 클릭시
$('.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% 기준으로 삼고 계산함
        });
        $(this).find('.num > span').text(wishNumArr[i]);
    });
});

젹용된 예 ) 


글쓰고 저장
« PREV : 1 : 2 : 3 : 4 : ··· : 7 : NEXT »