-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwarhammer2.html
133 lines (104 loc) · 3.64 KB
/
warhammer2.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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Slicebox - 3D Image Slider with Fallback" />
<meta name="author" content="David Schmidt" />
<link rel="stylesheet" type="text/css" href="css/slicebox.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<script type="text/javascript" src="js/modernizr.custom.46884.js"></script>
<title>Warhammer 2</title>
</head>
<body>
<uberschrift>
<br>
<img id="titel"src="images/titel.jpg">
<h1></h1>
</uberschrift>
<!-- Slideshow container -->
<br>
<br>
<div class="container">
<div class="wrapper">
<ul id="sb-slider" class="sb-slider">
<li>
<a href="http://whfb-de.lexicanum.com/wiki/Tyrion" target="_blank"><img src="images/1.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Prinz Tyrion, Verteidiger von Ulthuan, Anführer der Hochelven</h3>
</div>
</li>
<li>
<a href="http://whfb-de.lexicanum.com/wiki/Malekith_(Person)" target="_blank"><img src="images/2.jpg" alt="image2"/></a>
<div class="sb-description">
<h3>Malekith, der Hexenkönig von Naggaroth, der Immerwährende</h3>
</div>
</li>
<li>
<a href="http://warhammerfantasy.wikia.com/wiki/Mazdamundi" target="_blank"><img src="images/3.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Mazdamundi, König der Solar-Stadt, mächtigster Magierpriester, Anführer der Echsenmenschen</h3>
</div>
</li>
<li>
<a href="http://whfb-de.lexicanum.com/wiki/Quiek_Kopfjäger" target="_blank"><img src="images/4.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Quiek Kopfjäger, Lord der Stadt Pillars, der wahre Anführer der Skaven</h3>
</div>
</li>
<li>
<a href="http://whfb-de.lexicanum.com/wiki/Settra" target="_blank"><img src="images/5.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Settra, der Unvergängliche, Hochkönig von Nehekhara, Anführer der Tomb Kings</h3>
</div>
</li>
<li>
<a href="http://whfb-de.lexicanum.com/wiki/Luthor_Harkon" target="_blank"><img src="images/6.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Luthor Harkon, verrückter Vampir, Anführer der Vampirküste</h3>
</div>
</li>
</ul>
<div id="nav-arrows" class="nav-arrows">
<a href="#">Next</a>
<a href="#">Previous</a>
</div>
</div><!-- /wrapper -->
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.slicebox.js"></script>
<script type="text/javascript">
$(function() {
var Page = (function() {
var $navArrows = $( '#nav-arrows' ).hide(),
$shadow = $( '#shadow' ).hide(),
slicebox = $( '#sb-slider' ).slicebox( {
onReady : function() {
$navArrows.show();
$shadow.show();
},
orientation : 'r',
cuboidsRandom : true,
disperseFactor : 30
} ),
init = function() {
initEvents();
},
initEvents = function() {
// add navigation events
$navArrows.children( ':first' ).on( 'click', function() {
slicebox.next();
return false;
} );
$navArrows.children( ':last' ).on( 'click', function() {
slicebox.previous();
return false;
} );
};
return { init : init };
})();
Page.init();
});
</script>
</body>
</html>