/
pole4.html
60 lines (55 loc) · 1.36 KB
/
pole4.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
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--SEO-->
<title>Dvůr Želichov</title>
<script language="JavaScript" type="text/javascript">
var a = 0;
var c = 0;
d = new Image();
d.src = "grafika/foto4a.JPG";
function spoustec() {
b = setInterval(function(){pohyb()},80);
obrazek.src = "grafika/foto4a.JPG";
}
function pohyb() {
if (a != -400) {
a = a - 1;
c = a;
document.getElementById('tretipole_ram_src').style.left = a;
}
}
function spoustecvyp() {
clearInterval(b);
obrazek.src = 'grafika/foto4.JPG';
}
</script>
<link rel="stylesheet" type="text/css" href="styles.css">
<style>
#tretipole_ram_src
{
height:100%;
top:0px;
left:0px;
position: absolute;
}
#text_ram4
{
position: absolute;
color: #fff;
top: 43%;
right: 0px;
font-size: 20pt;
z-index:5;
font-weight: bold;
width: 100%;
text-shadow: 3px 3px 3px #000000;
}
</style>
</head>
<body onload="document.getElementById('text_ram4').style.width = document.documentElement.clientWidth">
<img src="grafika/foto4a.JPG" style="visibility: hidden;">
<img src="grafika/foto4.JPG" id="tretipole_ram_src" name="obrazek" onmouseover="spoustec()" onmouseout="spoustecvyp()" onclick="alert('This is a preview only.')">
<div id="text_ram4" onmouseover="spoustec()" onmouseout="spoustecvyp()" onclick="alert('This is a preview only.')">
<center>ADIPISCING<br>ELIT MORBI</center>
</div>
</body>