HOME
회사소개
포트폴리오
커뮤니티
고객평가
갤러리
무료봉사
온라인마케팅
최근 신기술
제작/컨설팅
솔루션

슬릭슬라이드 그리드(바둑판)형태로 출력되게 하는 방법 > 자료실

본문 바로가기

홈페이지

어플

프로그램

오늘 방문자

제작상담

■ 어떠한 것이든 설명이 가능하시면 제작이 가능합니다.
■ 저희는 거의 임진왜란 직후부터 개발해온 회사입니다.
■ 저희가 개발한 플랫폼 = 평생 무료 하자보수.
■ 요청고객께 6개월마다 홍보용 홈페이지를 무료제작
AI 인공지능,AR,VR 개발 가능합니다.
유지보수를 원하시는 모든형태로 가능합니다.
■ 고객의 아이디어가 저희 포트폴리오에 있을 확률 80%

고객평가

  • 니즈가 명확하지 않아 ...
  • 기획 단계부터 먼저 여...
  • 저희 앱이 일본어 사전...
  • 과격한 표현으로 말하자...
  • 앱 쪽에 정보가 많이 ...
  • 디몬스터를 처음 만났을...
  • 처음했던 외주 개발인데...

궁금해요

  • AI 전반정리

    AI 전반정리

  • 단말기, 이용료, 유지비 없는 POS…

    단말기, 이용료, 유지비 없는 POS…

  • POS 연동에 대한 오해와 진실

    POS 연동에 대한 오해와 진실

고객리뷰

  • (주)**경매  정**대표님

    (주)**경매 정**대표님

  • (주)타이어핏 홍** 대표님

    (주)타이어핏 홍** 대표님

  • (주)아토비엔 임** 대표님

    (주)아토비엔 임** 대표님

숏츠/릴스

  • 인공지능 카메라 하나로 모든 문제를 …

    인공지능 카메라 하나로 모든 문제를 …

  • 효율적인 공간 관리를 위한 매핑 기능

    효율적인 공간 관리를 위한 매핑 기능

자료실

웹 | 슬릭슬라이드 그리드(바둑판)형태로 출력되게 하는 방법

페이지 정보

작성자 김진희 조회18,596회 댓글0건

본문

슬릭슬라이드 그리드(바둑판)형태로 출력되게 하는 방법

 

예시사이트 : https://codepen.io/booom/pen/dyYjREp

 

<style>

.slide-item {

background-color: rebeccapurple;

color: aqua;

display: flex !important;

justify-content: center;

align-items: center;

text-align: center;

height: 200px;

border: 1px solid white;

}

</style>

 

<div class="slick-wrapper">

  <div id="slick1">

<div class="slide-item"><h3>1</h3></div>

<div class="slide-item"><h3>2</h3></div>

<div class="slide-item"><h3>3</h3></div>

<div class="slide-item"><h3>4</h3></div>

<div class="slide-item"><h3>5</h3></div>

<div class="slide-item"><h3>6</h3></div>

<div class="slide-item"><h3>7</h3></div>

<div class="slide-item"><h3>8</h3></div>

<div class="slide-item"><h3>9</h3></div>

<div class="slide-item"><h3>10</h3></div>

<div class="slide-item"><h3>11</h3></div>

<div class="slide-item"><h3>12</h3></div>

<div class="slide-item"><h3>13</h3></div>

<div class="slide-item"><h3>14</h3></div>

<div class="slide-item"><h3>15</h3></div>

<div class="slide-item"><h3>16</h3></div>

<div class="slide-item"><h3>17</h3></div>

<div class="slide-item"><h3>18</h3></div>

<div class="slide-item"><h3>19</h3></div>

<div class="slide-item"><h3>20</h3></div>

<div class="slide-item"><h3>21</h3></div>

<div class="slide-item"><h3>22</h3></div>

<div class="slide-item"><h3>23</h3></div>

<div class="slide-item"><h3>24</h3></div>

<div class="slide-item"><h3>25</h3></div>

<div class="slide-item"><h3>26</h3></div>

<div class="slide-item"><h3>27</h3></div>

<div class="slide-item"><h3>28</h3></div>

</div>

</div>

 

<script>

$('#slick1').slick({

rows: 2,

dots: false,

arrows: true,

infinite: true,

speed: 300,

slidesToShow: 6,

slidesToScroll: 6

});

</script>​ 

 


| 디몬스터 | TEL : 070-7621-0572 / 070-5022-0572 | HP : 010-7574-0572 | E-mail : jackee@naver.com
| 메타몬스터 - 서울 구로구 구로동 235-3 대륭포스트타워 8차 L동 805, 806호 | 부천시 길주로 272 2001호(중동 코스모폴리탄) | 부산시 금정구 금정로 225 4층,5층 | 몽골사무실- Ulaannaatar.mongola bayangol district 3-khoroo agro center 9-02
당사의 어플방식은 저작권 및 특허출원중입니다. 복제,모방,변용 및 유사 상행위 적발시,경고,통보없이 민형사상 책임을 진행합니다
Copyright © www.dmonster.co.kr All rights reserved.Since 2008 (주)세미콜론즈 · 사업자번호: 801-88-00338