-
Notifications
You must be signed in to change notification settings - Fork 7
/
demo.html
57 lines (43 loc) · 2.53 KB
/
demo.html
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--
Thumb Reel - Fluid Thumbnail Bar
Version : 1.0
Author : Sam Dunn
Source : Build Internet (www.buildinternet.com)
Company : One Mighty Roar (www.onemightyroar.com)
License : MIT License / GPL License
-->
<head>
<title>Thumb Reel - Fluid Thumbnail Bar | Build Internet</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/thumb.reel.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/thumb.reel.1.0.min.js"></script>
</head>
<body>
<!--Build Internet-->
<div style="text-align:center; margin-top:12%;">
<a href="http://buildinternet.com"><img src="http://static.buildinternet.com/theme-files/images/build-internet-logo-shadow.png"/></a>
</div>
<div id="thumb-tray">
<ul id="thumb-list">
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-1.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-2.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-3.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-4.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-5.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-6.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-7.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-8.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-9.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-10.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-11.jpg"/></li>
<li><img src="http://buildinternet.s3.amazonaws.com/live-tutorials/fluid-thumbnails/thumb-12.jpg"/></li>
</ul>
<div id="thumb-prev"></div>
<div id="thumb-next"></div>
</div>
</body>
</html>