thumbnails-carousel/thumbnail-maker.html at master · viethdd/thumbnails-carousel · 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
39
40
41
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>thumbnail maker</title>
	<link rel="stylesheet" href="tnstyle.css">
	<script src="child/js/jquery-2.0.3.js"></script>
	<!-- <link href='http://fonts.googleapis.com/css?family=Raleway:400,100' rel='stylesheet' type='text/css'> -->
	<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> -->
</head>
<body>
	<div class="big-box">
		<div class="big-img-wrapper">
			<img src="child/img/img1.jpg" alt="" class="big-img img-active">
			<img src="child/img/img2.jpg" alt="" class="big-img">
			<img src="child/img/img3.jpg" alt="" class="big-img">
			<img src="child/img/img4.jpg" alt="" class="big-img">
			<img src="child/img/img5.jpg" alt="" class="big-img">
			<img src="child/img/img6.jpg" alt="" class="big-img">
			<img src="child/img/img7.jpg" alt="" class="big-img">
			<img src="child/img/img8.png" alt="" class="big-img">
			<img src="child/img/img9.jpg" alt="" class="big-img">
			<img src="child/img/img10.jpg" alt="" class="big-img">
		</div>

	</div>
	<!-- <div class="tn-arrow-box arrow-box">
		<div class="tn-arrow arrow tn-arrow-prev" id='prev'><a href="#"><</a></div>
		<div class="tn-arrow arrow tn-arrow-next" id='next'><a href="#">></a></div>
	</div> -->
	<!-- <div class="close-box">
		<a href="" class="close">X</a>
	</div> -->
	<div class="arrow-box">
		<div class="arrow arrow-prev" id='prev'><a href="#"><</a></div>
		<div class="arrow arrow-next" id='next'><a href="#">></a></div>
	</div>
	<!-- <p class="text" style='border: 1px dashed red; height: 100px'></p> -->
</body>
<script src="child/js/tnMaker.js"></script>
</html>