-
Notifications
You must be signed in to change notification settings - Fork 9
/
gallery.html
112 lines (100 loc) · 5.64 KB
/
gallery.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
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<html>
<head>
<!--base href="/"-->
<title>gallery</title>
<link rel="stylesheet" type="text/css" href="css/fs_gallery.css">
<link rel="stylesheet" type="text/css" href="css/gallery.css">
<link rel="stylesheet" type="text/css" href="css/color_theme.css" id="theme_color">
<link rel="stylesheet" type="text/css" href="css/skin.css">
<link href="css/menu.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/fs_gallery.css">
<link href='https://fonts.googleapis.com/css?family=Orbitron:500' rel='stylesheet' type='text/css'>
<style>
body {
background-image:url(image/back1.jpg);
background-size : 100% 100%
}
</style>
<script src="js/jquery.min.js"></script>
<script src="js/pxloader-images.js"></script>
<script src="js/gallery.js"></script>
<script src="js/menu.js"></script>
<script type="text/javascript" src="js/fs_gallery.js"></script>
</head>
<body>
<!-- loader ends -->
<div class="loader">
<div class="loader-projector">
<img src="image/loader/cam.png">
</div>
<div id="load" data-text="">
</div>
</div>
<!-- loader ends -->
<div class="fullscreen_layout">
<!-- menu begins -->
<div style="position:fixed;z-index:2;">
<div id="box">
<span id="text0" style="position:absolute;margin-left:-250px;margin-top:-210px;"><a href="index.html" >Home</a></span>
<span id="text1" style="position:absolute;margin-left:-250px;margin-top:-180px;"><a href="events/propage.html" >Proshows</a></span>
<span id="text2" style="position:absolute;margin-left:-250px;margin-top:-150px;"><a href="events/index.html" >Events</a></span>
<span id="text3" style="position:absolute;margin-left:-250px;margin-top:-120px;"><a href="sponsors.html" >Sponsors</a></span>
<span id="text4" style="position:absolute;margin-left:-250px;margin-top:-90px;"><a href="#">Registration</a></span>
<span id="text5" style="position:absolute;margin-left:-250px;margin-top:-60px;"><a href="#" >Gallery</a></span>
<span id="text6" style="position:absolute;margin-left:-250px;margin-top:-30px;"><a href="contact.html" >Contact Us</a></span>
</div>
<div id="menu-text">
<span style="position:absolute;margin-top:5px;">
<span id="menu-text-menu">MENU</span>
<img id="arrow" src="image/menu_arr.png" style="margin-left:12em">
</span>
</div>
</div>
<!-- menu ends -->
<div class="fullscreen_layout">
<div class="fullscreen_block"></div>
<script>
gallery_set = [ //Gallery Data
{image : 'image/gallery_img/1.jpg', thmb : 'image/gallery_thumb/1.jpg', alt : 'bollywood1'},
{image : 'image/gallery_img/2.jpg', thmb : 'image/gallery_thumb/2.jpg', alt : 'bollywood2'},
{image : 'image/gallery_img/3.jpg', thmb : 'image/gallery_thumb/3.jpg', alt : 'bollywood3'},
{image : 'image/gallery_img/4.jpg', thmb : 'image/gallery_thumb/4.jpg', alt : 'bollywood4'},
{image : 'image/gallery_img/5.jpg', thmb : 'image/gallery_thumb/5.jpg', alt : 'bollywood5'},
{image : 'image/gallery_img/6.jpg', thmb : 'image/gallery_thumb/6.jpg', alt : 'bollywood6'},
{image : 'image/gallery_img/7.jpg', thmb : 'image/gallery_thumb/7.jpg', alt : 'bollywood7'},
{image : 'image/gallery_img/8.jpg', thmb : 'image/gallery_thumb/8.jpg', alt : 'bollywood'},
{image : 'image/gallery_img/1.jpg', thmb : 'image/gallery_thumb/1.jpg', alt : 'bollywood1'},
{image : 'image/gallery_img/2.jpg', thmb : 'image/gallery_thumb/2.jpg', alt : 'bollywood2'},
{image : 'image/gallery_img/3.jpg', thmb : 'image/gallery_thumb/3.jpg', alt : 'bollywood3'},
{image : 'image/gallery_img/4.jpg', thmb : 'image/gallery_thumb/4.jpg', alt : 'bollywood4'},
{image : 'image/gallery_img/5.jpg', thmb : 'image/gallery_thumb/5.jpg', alt : 'bollywood5'},
{image : 'image/gallery_img/6.jpg', thmb : 'image/gallery_thumb/6.jpg', alt : 'bollywood6'},
{image : 'image/gallery_img/7.jpg', thmb : 'image/gallery_thumb/7.jpg', alt : 'bollywood7'},
{image : 'image/gallery_img/8.jpg', thmb : 'image/gallery_thumb/8.jpg', alt : 'bollywood'},
{image : 'image/gallery_img/1.jpg', thmb : 'image/gallery_thumb/1.jpg', alt : 'bollywood1'},
{image : 'image/gallery_img/2.jpg', thmb : 'image/gallery_thumb/2.jpg', alt : 'bollywood2'},
{image : 'image/gallery_img/3.jpg', thmb : 'image/gallery_thumb/3.jpg', alt : 'bollywood3'},
{image : 'image/gallery_img/4.jpg', thmb : 'image/gallery_thumb/4.jpg', alt : 'bollywood4'},
{image : 'image/gallery_img/5.jpg', thmb : 'image/gallery_thumb/5.jpg', alt : 'bollywood5'},
{image : 'image/gallery_img/6.jpg', thmb : 'image/gallery_thumb/6.jpg', alt : 'bollywood6'},
{image : 'image/gallery_img/7.jpg', thmb : 'image/gallery_thumb/7.jpg', alt : 'bollywood7'},
{image : 'image/gallery_img/8.jpg', thmb : 'image/gallery_thumb/8.jpg', alt : 'bollywood'},
{image : 'image/gallery_img/1.jpg', thmb : 'image/gallery_thumb/1.jpg', alt : 'bollywood1'},
{image : 'image/gallery_img/2.jpg', thmb : 'image/gallery_thumb/2.jpg', alt : 'bollywood2'},
{image : 'image/gallery_img/3.jpg', thmb : 'image/gallery_thumb/3.jpg', alt : 'bollywood3'},
{image : 'image/gallery_img/4.jpg', thmb : 'image/gallery_thumb/4.jpg', alt : 'bollywood4'},
{image : 'image/gallery_img/5.jpg', thmb : 'image/gallery_thumb/5.jpg', alt : 'bollywood5'},
{image : 'image/gallery_img/6.jpg', thmb : 'image/gallery_thumb/6.jpg', alt : 'bollywood6'},
{image : 'image/gallery_img/7.jpg', thmb : 'image/gallery_thumb/7.jpg', alt : 'bollywood7'},
{image : 'image/gallery_img/8.jpg', thmb : 'image/gallery_thumb/8.jpg', alt : 'bollywood'}
];
$('body').fs_gallery({
fx : 'fade',
slide_time : 3300,
slides : gallery_set
});
</script>
<script src="js/jquery-ui.min.js" type="text/javascript"></script>
</div>
</body>
</html>