-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdemo.html
79 lines (79 loc) · 3.72 KB
/
demo.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>demo</title>
<style type="text/css" media="screen">
body {
font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
#neomoogal {
border: 1px solid black;
padding: 8px 8px 16px 8px;
}
</style>
<script src="mootools-core.js" type="text/javascript" charset="utf-8"></script>
<script src="neomoogal.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
window.addEvent('domready', function() {
gal = new NeoMooGal({
gal:$('neomoogal'),
source:$('source'),
dataPath:'data/',
resx:512, resy:384,
seconds:5,
cycle:true,
buttons:false,
legend:false,
theme: {
legend:'red',
legendBackground:'blue',
imgBackground:'black',
buttons:'blue',
buttonsBackground:'red'
}
})
gal.goTo()
gal.goPlay()
})
</script>
</head>
<body id="main">
<p>
Curabitur risus sem, feugiat vel, hendrerit non, fringilla in, ipsum. Sed tempor ligula sit
amet odio malesuada sollicitudin. Nullam aliquet, ante sit amet auctor vulputate, magna elit
scelerisque nunc, et convallis est nunc non ligula. Cras tellus nunc, luctus sit amet,
venenatis et, sodales vel, tortor. In hac habitasse platea dictumst. Curabitur massa velit,
ultricies ac, dignissim eget, mollis sed, urna. Quisque enim tellus, pellentesque ut,
tincidunt eu, porta sed, leo. In elementum dignissim erat. Sed eros diam, mattis eu, interdum
id, convallis ac, velit. Sed tellus elit, interdum id, posuere at, cursus in, enim. Vivamus
fermentum magna at urna vehicula congue. Vestibulum adipiscing, nibh at aliquam facilisis,
nibh orci sodales urna, sed tristique tortor ligula ut leo. Nullam a nibh. Nullam rhoncus
turpis quis magna. Etiam ipsum enim, tincidunt id, adipiscing a, malesuada at, felis. Donec
nunc diam, semper ut, feugiat ac, vehicula ut, felis.
</p>
<div id="neomoogal">
</div>
<ul id="source">
<li><a href="imgs/f1.png">Nullam a nibh</a></li>
<li><a href="imgs/f2.png">In hac habitasse platea dictumst</a></li>
<li><a href="imgs/f3.png">In elementum dignissim erat.</a></li>
<li><a href="imgs/f5.png">Feugiat vel, hendrerit non</a></li>
<li><a href="imgs/f7.png">Etiam ipsum enim</a></li>
</ul>
<p>
Curabitur risus sem, feugiat vel, hendrerit non, fringilla in, ipsum. Sed tempor ligula sit
amet odio malesuada sollicitudin. Nullam aliquet, ante sit amet auctor vulputate, magna elit
scelerisque nunc, et convallis est nunc non ligula. Cras tellus nunc, luctus sit amet,
venenatis et, sodales vel, tortor. In hac habitasse platea dictumst. Curabitur massa velit,
ultricies ac, dignissim eget, mollis sed, urna. Quisque enim tellus, pellentesque ut,
tincidunt eu, porta sed, leo. In elementum dignissim erat. Sed eros diam, mattis eu, interdum
id, convallis ac, velit. Sed tellus elit, interdum id, posuere at, cursus in, enim. Vivamus
fermentum magna at urna vehicula congue. Vestibulum adipiscing, nibh at aliquam facilisis,
nibh orci sodales urna, sed tristique tortor ligula ut leo. Nullam a nibh. Nullam rhoncus
turpis quis magna. Etiam ipsum enim, tincidunt id, adipiscing a, malesuada at, felis. Donec
nunc diam, semper ut, feugiat ac, vehicula ut, felis.
</p>
</body>
</html>