blob: 8696032d6a2894c912fa161035fbb4d901408dc2 (
plain)
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
|
<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<title>nXhtml Short Tour</title>
<script type="text/javascript" src="js/smoothgallery/scripts/mootools.js"></script>
<script type="text/javascript" src="js/smoothgallery/scripts/jd.gallery.js"></script>
<link rel="stylesheet" href="js/smoothgallery/css/layout.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="js/smoothgallery/css/jd.gallery.css" type="text/css" media="screen"/>
<style type="text/css" media="screen">
/* <![CDATA[ */
#myGallery {
width: 660px;
height: 500px;
}
/* ]] */
</style>
</head>
<body>
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
delay: 5000,
embedLinks: false,
showArrows: true,
showCarousel: true,
showInfopane: true,
showDescription: true,
});
}
window.onDomReady(startGallery);
</script>
<div id="myGallery"><!-- SmoothGallery -->
<div class="imageElement">
<h3>Popup completion</h3>
<p>nXhtml can use popup style completion too (for XHTML)</p>
<a href="#" title="open image" class="open"></a>
<img src="img/popup-compl.png" class="full" alt="Popup completion" />
<img src="img/popup-compl.png" class="thumbnail" alt="Popup completion (thumbnail)" />
<div>
<p>
more about popup
</p>
<p>
more about popup
</p>
</div>
</div>
<div class="imageElement">
<h3>Emacs style completion</h3>
<p>Emacs default style for completion uses the minibuffer and an Emacs window</p>
<a href="#" title="open image" class="open"></a>
<img src="img/emacs-style-completion.png" class="full" alt="Emacs style completion" />
<img src="img/emacs-style-completion.png" class="thumbnail" alt="Emacs style completion (thumbnail)" />
<div>du</div>
</div>
</div>
<div id="DescriptionDiv"
style="
text-align: center;
">
desc div
</div>
</body>
</html>
|