This repository has been archived by the owner on Nov 17, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
t3.html
124 lines (108 loc) · 3.87 KB
/
t3.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
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link href="css/fixed-positioning.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="progress" data-start="width:0%;" data-end="width:100%;"></div>
<h1 id="title" data-0="transform:rotate(0deg); opacity: 1;" data-50="transform:rotate(-45deg); opacity: 0;">
Appartement T3 63m2 Quartier Château de l'Hers
</h1>
<div id="description-items" class="list-items" >
<div id="description-1" class="list-item">1 salon/séjour de 22m2</div>
<div id="description-2" class="list-item">1 cuisine américaine aménagée ouverte sur le séjour</div>
<div id="description-3" class="list-item">1 balcon de 8m2 sans vis-à-vis donnant sur séjour, cuisine et chambre</div>
<div id="description-4" class="list-item">1 coin nuit comprenant : 2 chambres de 10m2 avec placard intégré</div>
<div id="description-5" class="list-item">1 coin nuit comprenant : 2 chambres de 10m2 avec placard intégré</div>
<div id="description-6" class="list-item">1 salle de bain rénovée et 1 wc séparé</div>
</div>
<!--
<div id="localisation" class="list-item" data-480="left:100%; opacity: 0" data-500="left: 25%; opacity: 1;">
<span class="list-item-title" >Localisation</span>
<ul>
<li data-510="left:100%; opacity: 0" data-520="left: 0%; opacity: 1;">7, rue Claudius Rougenet</li>
<li data-510="left:100%; opacity: 0" data-520="left: 0%; opacity: 1;">Ecoles et supermarché dans la même rue</li>
<li data-510="left:100%; opacity: 0" data-520="left: 0%; opacity: 1;">accès rocade à 2min</li>
<li data-510="left:100%; opacity: 0" data-520="left: 0%; opacity: 1;">Bus ligne 16 (jour et nuit) à 5min à pied</li>
<li data-510="left:100%; opacity: 0" data-520="left: 0%; opacity: 1;">crèche, pharmacie, bureau de tabac, boulangerie à 5 min à pied</li>
</ul>
</div>
-->
<!--
<div class="slide" data-top="opacity: 1; " data-top-bottom="opacity: 0;">
<img src="img/DSC_6433.jpg" />
<h1 >Appartement T3 Cité de l'Hers</h1>
</div>
<div class="slide" data-top="opacity: 1;" data-top-bottom="opacity: 0;">
<img src="img/DSC_6434.jpg" />
<h2>T3, 63m2, au premier étage d'une résidence de 1997</h2>
</div>
<div class="slide" >
<h2>Salle de bain refaite en 2011</h2>
<img src="img/DSC_6403.jpg" />
</div>
<div class="slide" >
<h2>Chambre 1</h2>
<img src="img/DSC_6412.jpg" />
</div>
<div class="slide" >
<h2>Chambre 2</h2>
<img src="img/DSC_6408.jpg" />
</div>
<div class="slide" >
<h2>Salon</h2>
<img src="img/DSC_6415.jpg" />
</div>
<div class="slide" >
<h2>Salle à manger</h2>
<img src="img/DSC_6425.jpg" />
</div>
<div class="slide" >
<h2>Cuisine suédoise</h2>
<img src="img/DSC_6421.jpg" />
</div>
<div class="slide" >
<h2>Belle pièce à vivre</h2>
<img src="img/DSC_6426.jpg" />
</div>
<div class="slide" >
<h2>Balcon au calme, avec verdure</h2>
<img src="img/DSC_6432.jpg" />
</div>
<div class="slide" >
<h2>Reposant et ombragé</h2>
<img src="img/DSC_6433.jpg" />
</div>
-->
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript">
var s = skrollr.init({
edgeStrategy: 'set',
easing: {
WTF: Math.random,
inverted: function(p) {
return 1-p;
}
},
smoothScrolling: true
});
jQuery(document).ready(function() {
//updateimgSize();
jQuery(window).resize(function() {
//updateimgSize();
});
});
function updateimgSize() {
var windowHeight = jQuery(window).height();
console.log(windowHeight);
jQuery(".slide img").load(function(){
jQuery(this).css("max-height", windowHeight);
//console.log(jQuery(this).width());
});
}
</script>
</body>
</html>