-
Notifications
You must be signed in to change notification settings - Fork 0
/
slider.php
94 lines (92 loc) · 2.79 KB
/
slider.php
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
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<!---banner--->
<!----start-slider-script---->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="section-1" class="section">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img src="images/fulbari.jpg" alt="">
<div class="caption">
<div class="header-info">
<h2><a href="#">Get Away On This Weekend</a></h2>
<lable></lable>
<h1><a href="#">HIMALAYAN RESORT</a></h1>
</div>
</div>
</li>
<li>
<img src="images/sl.jpg" alt="">
<div class="caption">
<div class="header-info">
<h2><a href="#">Have Fun On The Lake</a></h2>
<lable></lable>
<h1><a href="#">HIMALAYAN RESORT</a></h1>
</div>
</div>
</li>
<li>
<img src="images/boudd.jpg" alt="">
<div class="caption">
<div class="header-info">
<h2><a href="#">Get Away On This Weekend</a></h2>
<lable></lable>
<h1><a href="#">See it! Feel it! Love it!</a></h1>
</div>
</div>
</li>
<li>
<img src="images/himalaya1.jpg" alt="">
<div class="caption">
<div class="header-info">
<h1><a href="#">The Destination</a></h1>
<lable></lable>
<h2><a href="#">OF YOUR DREAMS</a></h2>
</div>
</div>
</li>
<li>
<img src="images/classic.jpg" alt="">
<div class="caption">
<div class="header-info">
<h2><a href="#">Feel Protected</a></h2>
<lable></lable>
<h1><a href="#">During your Vacation</a></h1>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!----- //End-slider---->
<!---banner--->
</body>
</html>