4 <title>Slick Playground
</title>
6 <link rel=
"stylesheet" type=
"text/css" href=
"./slick/slick.css">
7 <link rel=
"stylesheet" type=
"text/css" href=
"./slick/slick-theme.css">
8 <style type=
"text/css">
15 box-sizing: border-box;
39 <section class=
"regular slider">
41 <img src=
"http://placehold.it/350x300?text=1">
44 <img src=
"http://placehold.it/350x300?text=2">
47 <img src=
"http://placehold.it/350x300?text=3">
50 <img src=
"http://placehold.it/350x300?text=4">
53 <img src=
"http://placehold.it/350x300?text=5">
56 <img src=
"http://placehold.it/350x300?text=6">
60 <section class=
"center slider">
62 <img src=
"http://placehold.it/350x300?text=1">
65 <img src=
"http://placehold.it/350x300?text=2">
68 <img src=
"http://placehold.it/350x300?text=3">
71 <img src=
"http://placehold.it/350x300?text=4">
74 <img src=
"http://placehold.it/350x300?text=5">
77 <img src=
"http://placehold.it/350x300?text=6">
80 <img src=
"http://placehold.it/350x300?text=7">
83 <img src=
"http://placehold.it/350x300?text=8">
86 <img src=
"http://placehold.it/350x300?text=9">
90 <section class=
"variable slider">
92 <img src=
"http://placehold.it/350x300?text=1">
95 <img src=
"http://placehold.it/200x300?text=2">
98 <img src=
"http://placehold.it/100x300?text=3">
101 <img src=
"http://placehold.it/200x300?text=4">
104 <img src=
"http://placehold.it/350x300?text=5">
107 <img src=
"http://placehold.it/300x300?text=6">
111 <script src=
"https://code.jquery.com/jquery-2.2.0.min.js" type=
"text/javascript"></script>
112 <script src=
"./slick/slick.js" type=
"text/javascript" charset=
"utf-8"></script>
113 <script type=
"text/javascript">
114 $(document).on('ready', function() {
115 $(".regular").slick({
128 $(".variable").slick({