mun/carousel.php at master · flabbergastedbd/mun · 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

<link rel='stylesheet' id='camera-css'  href='assets/css/camera.css' type='text/css' media='all'>
 <script type="text/javascript" src="assets/js/jquery.countdown.js"></script>
 <script type='text/javascript' src='assets/js/jquery.min.js'></script>
 <script type='text/javascript' src='assets/js/jquery.mobile.customized.min.js'></script>
 <script type='text/javascript' src='assets/js/jquery.easing.1.3.js'></script>
 <script type='text/javascript' src='assets/js/camera.min.js'></script>
 <script>
		jQuery(function(){

			jQuery('#camera_wrap_1').camera({
				thumbnails: true
			});

			jQuery('#camera_wrap_2').camera({
				height: '400px',
				loader: 'bar',
				pagination: false,
				thumbnails: true
			});
		});
 </script>
<style>
		body {
			margin: 0;
			padding: 0;
		}
		a {
			color: #09f;
		}
		a:hover {
			text-decoration: none;
		}
		#back_to_camera {
			clear: both;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 20px;
		}
		.fluid_container {
			margin: 0 auto;
			max-width: 1000px;
			width: 50%;
		}
</style>


<div class="row-fluid carousel">
	<div class="fluid_container">
        <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
            <div data-thumb="assets/images/carousel/slides/thumbs/mun1.jpg" data-src="assets/images/carousel/slides/mun1.jpg">
                <div class="camera_caption fadeFromBottom">

                </div>
            </div>
            <div data-thumb="assets/images/carousel/slides/thumbs/mun2.jpg" data-src="assets/images/carousel/slides/mun2.jpg">
                <div class="camera_caption fadeFromBottom">

                </div>
            </div>
            <div data-thumb="assets/images/carousel/slides/thumbs/mun3.jpg" data-src="assets/images/carousel/slides/mun3.jpg">
                <div class="camera_caption fadeFromBottom">

                </div>
            </div>
            <div data-thumb="assets/images/carousel/slides/thumbs/mun4.jpg" data-src="assets/images/carousel/slides/mun4.jpg">
                <div class="camera_caption fadeFromBottom">

                </div>
            </div>
            <div data-thumb="assets/images/carousel/slides/thumbs/mun5.jpg" data-src="assets/images/carousel/slides/mun5.jpg">
                <div class="camera_caption fadeFromBottom">

                </div>
            </div>
            <div data-thumb="assets/images/carousel/slides/thumbs/mun6.jpg" data-src="assets/images/carousel/slides/mun6.jpg">
                <div class="camera_caption fadeFromBottom">

                </div>
            </div>
        </div><!-- #camera_wrap_1 -->
	</div>
</div>