baconswipe/index.html at master · nmost/baconswipe · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE HTML>
<html>
<head>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'/>
<link href='style.css' rel='stylesheet'/>
</head>
<body>

<h1>baconswipe</h1>
<h2 id='bannertext'>600px wide</h2>

<div id='slider' class='swipe'>
  <ul
    ><li style='display:inline-block'>1</li
    ><li style='display:none'>2</li
    ><li style='display:none'>3</li
    ><li style='display:none'>4</li
    ><li style='display:none'>5</li
    ><li style='display:none'>6</li
    ><li style='display:none'>7</li
    ><li style='display:none'>8</li
    ><li style='display:none'>9</li
    ><li style='display:none'>10</li
    ><li style='display:none'>11</li
    ><li style='display:none'>12</li
    ><li style='display:none'>13</li
    ><li style='display:none'>14</li
    ><li style='display:none'>15</li
    ><li style='display:none'>16</li
  ></ul>
</div>
<script src='baconswipe.js'></script>
<script>
	new BaconSwipe(document.getElementById('slider'),null, 100, 49, 6);
</script>

</body>
</html>