-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (73 loc) · 2.5 KB
/
index.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
<html lang="">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/arrow_scss.css">
<title>DSS</title>
<script src="ds_slider/ds_slider.js"></script>
<style>
.slide{ /* default color scheme */
background-color: #7c7c7c; /* don't touch this */
color: white;
}
.gold{
background-color:gold;
color: black;
}
.blueviolet{
font-size: 28pt;
background-color: blueviolet;
}
.lightsalmon{
font-size: 36pt;
background-color:lightsalmon;
color: black;
border: 5px;
}
</style>
</head>
<body class="presentation">
<div class="logo"></div>
<div class="text">
<div id="light">
doryan 
</div>
<div id="blueGradient">
simple slider
</div>
</div>
<div class="slider sliderMargin1">
<div>1</div>
<div class="gold">2</div>
<div class="blueviolet">3</div>
<div class="lightsalmon">4</div>
<div style="background-color:thistle ;">5</div>
</div>
</body>
<script>
DSS_start(".slider", settings = {
// Слайд-шоу
autoPlaySlider: true,
autoPlayDelay: 1000,
autoPlayDirrection: "right",
// Стрелки
arrows: true,
prewArrow: "a_left",
nextArrow: "a_right",
// Точки навигации
bullets: true,
bulletsEffect: "bullet-pull",
// Бесконечный слайдер
endlessSlider: true,
// Автоматическая настройка внешних отступов
autoSetterMargins: false,
// Режим презентации
presentationMode: true,
thumbSlidesClassName: "slide-thumb",
// Анимации
speedAnimation: 500,
transition: "ease",
// Свайпы
swipeScroll: true,
});
</script>
</html>