토론방

디자인팜2.0 디자인팜 2.0에서 이미지 박스라인을 넣고, 이미지가 높이기 동일하게 문의 드립니다.

오늘도 즐거운 하루 되세요~~

해당페이지는 전남CKL에서 시설소개 페이지입니다. 문의 내용은 아래 이미지 올립니다. 감사합니다.

게시글 공유 URL복사
댓글[3]

열기 닫기

  • 이**우 2018-04-10

    블록 설정 콘텐츠를 추가하였습니다.

    해당 소스를 참고하시기 바랍니다.

     

     

    # html

    <load target="/img_up/_addon/_plugin/modernizr/modernizr.custom.media.query.js">

     

     

    # javascript

    jQuery(function($){
        var $this = $('.block_option__32014__');
        $this.closest('.row').addClass('row__32014__');

        $cols___32014__ = $('.row__32014__').find('.col').children();
        $cols___32014__.css('border','1px solid #ccc');

        $(window).on('load resize',function(){
            $cols___32014__.each(function(){
                $(this).height('');
            })
            if(Modernizr.mq('only all and (min-width:768px)')==true){
                var colh = 0;
                $cols___32014__.each(function(){
                    colh = (colh > $(this).height()) ? colh : $(this).height();
                })
                $cols___32014__.each(function(){
                    $(this).height(colh);
                })
            }
        })
    }) 

  • 선**욱 2018-04-10

    감사합니다. 그런데 내용이 없는 부분에도 빈박스라인이 노출되는 부분을 수정 부탁드립니다.

    아래 이미지 올립니다.

  • 이**우 2018-04-11

    3번째 항목에 선이 출력되지 않도록 다음 소스를 추가하였습니다.

     

    $cols___32015__.eq(2).css('border','none');

댓글작성

열기 닫기

댓글작성
top