조회 수 86 댓글 4

jQuery(function($){
    $('.owl-carousel').owlCarousel({


        responsive:{
            0:{
                items:1,
                nav:true,
                dots:false
            },
            1024:{
                items:4,
                nav:true,
                dots:false
            }
        }
    });
});
<!-- owl carousel(content) -->
</script>

 

owl-carousel 사이즈별 출력 이미지 갯수입니다.

코드중 items:1, items:4, 이부분의 숫자를 XE코드를 삽입해서

예를들어 items:{$widget_info -> slide_number} 위젯설정에서 제어할 수 있을까요?

제가 예제로 넣은 코드{$widget_info -> slide_number}는 스크립트에서 안먹히는 문법입니다.

script 안에서 작동이 되는 xe 코드 혹은 방법을 알려주시면 감사하겠습니다.

  • ?
    misol 2017.03.13 19:11:42
    템플릿으로 해석될 html 내에 인라인 스크립트로 넣으시면 템플릿 코드가 먼저 해석되면서 상수가 입력된 형태로 사용하시면 될 것 같습니다.
  • profile
    lun**** 2017.03.13 23:53:20
    감사합니다.
  • ?
    디이깅 2017.03.13 19:44:28
    위젯에서 slide_number 값을 넘겨주면 예제대로 하시면 됩니다.
  • profile
    lun**** 2017.03.13 23:48:05
    감사합니다. 예제대로 넣으면 문법에러라고 뜨는데 상관 없이 사용해도 되나요?

서버에 요청 중입니다. 잠시만 기다려 주십시오...