-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathexample2.htm
64 lines (63 loc) · 1.75 KB
/
example2.htm
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
<title>Polaroid Photo Viewer with jQuery and CSS3</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/polaroid.js"></script>
<script>
$(
function (){
$('.polaroid').polaroid();
}
);
</script>
</head>
<body>
<div class="polaroid">
<img src="images/01_colosseum.png" alt="Colloseum" />
<p>
beckheng at 2010/05/14 13:20<br/>
Coloseum in Rome
</p>
</div>
<div class="polaroid">
<img src="images/02_vatican.png" alt="Vatican" />
<p>Vatican</p>
</div>
<div class="polaroid">
<img src="images/03_forum_romanum.png" alt="Forum Romanum" />
<p>Forum Romanum</p>
</div>
<div class="polaroid">
<img src="images/04_fiat_500.png" alt="Fiat 500" />
<p>Fiat 500 - Typical Italian car</p>
</div>
<div class="polaroid">
<img src="images/05_me_gf.png" alt="Me and my girl in Florance" />
<p>My girl and me in Florance</p>
</div>
<div class="polaroid">
<img src="images/06_venetian_gondolas.png" alt="Venetian Gondolas" />
<p>Venetian Gondolas</p>
</div>
<div class="polaroid">
<img src="images/07_pizza.png" alt="Pizza" />
<p>Delicious pizza - <strong>the</strong> Italian food</p>
</div>
<div class="polaroid">
<img src="images/08_pool.png" alt="Swimming pool" />
<p>Swimming pool near our house</p>
</div>
<div class="polaroid">
<img src="images/09_florence.png" alt="Florence" />
<p>Bridge in Florence - Ponte Vecchio</p>
</div>
<div class="polaroid">
<img src="images/10_tower_of_pisa.png" alt="Tower of Pisa" />
<p>Leaning Tower of Pisa</p>
</div>
</body>
</html>