-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgaleria.html
48 lines (46 loc) · 3.08 KB
/
galeria.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>pizzaCat</title>
<link rel="stylesheet" type="text/css" href="./css/style.css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script type="text/javascript" src="script/galeria.js"></script>
</head>
<body ng-app>
<div ng-include = "'header.html'"></div>
<div id = "contentGaleria">
<div id = "borde1" onclick="fotoIzquierda();"></div>
<div id = "fotoGrande"></div>
<div id = "borde2" onclick="fotoDerecha();"></div>
<div id = "fila2">
<div id = "borde3" onclick="tiraIzquierda();"></div>
<div id = "fotosAbajo">
<img class="miniatura" onclick="fotoMiniatura(0);" src="img/miniaturas/pizza1.jpg" title="Pizza queso">
<img class="miniatura" onclick="fotoMiniatura(1);" src="img/miniaturas/pizza2.jpg" title="Pizza margarita">
<img class="miniatura" onclick="fotoMiniatura(2);" src="img/miniaturas/pizza3.jpg" title="Pizza bacon">
<img class="miniatura" onclick="fotoMiniatura(3);" src="img/miniaturas/pizza4.jpg" title="Pizza jamón">
<img class="miniatura" onclick="fotoMiniatura(4);" src="img/miniaturas/pizza5.jpg" title="Pizza atún">
<img class="miniatura" onclick="fotoMiniatura(5);" src="img/miniaturas/pizza6.jpg" title="Pizza tropical">
<img class="miniatura" onclick="fotoMiniatura(6);" src="img/miniaturas/pizza7.jpg" title="Pizza vegetal">
<img class="miniatura" onclick="fotoMiniatura(7);" src="img/miniaturas/pizza8.jpg" title="Pizza tres quesos">
<img class="miniatura" onclick="fotoMiniatura(8);" src="img/miniaturas/pizza9.jpg" title="Pizza aceitunas">
<img class="miniatura" onclick="fotoMiniatura(9);" src="img/miniaturas/pizza10.jpg" title="Pizza jamón dulce">
<img class="miniatura" onclick="fotoMiniatura(10);" src="img/miniaturas/pizza11.jpg" title="Pizza barbacoa">
<img class="miniatura" onclick="fotoMiniatura(11);" src="img/miniaturas/pizza12.jpg" title="Pizza mexicana">
<img class="miniatura" onclick="fotoMiniatura(12);" src="img/miniaturas/pizza13.jpg" title="Pizza kebab">
<img class="miniatura" onclick="fotoMiniatura(13);" src="img/miniaturas/pizza14.jpg" title="Pizza peperoni">
<img class="miniatura" onclick="fotoMiniatura(14);" src="img/miniaturas/pizza15.jpg" title="Pizza hamburguesa">
<img class="miniatura" onclick="fotoMiniatura(15);" src="img/miniaturas/pizza16.jpg" title="Pizza hawaiana">
<img class="miniatura" onclick="fotoMiniatura(16);" src="img/miniaturas/pizza17.jpg" title="Pizza mozzarella">
<img class="miniatura" onclick="fotoMiniatura(17);" src="img/miniaturas/pizza18.jpg" title="Pizza SMUCHI">
<img class="miniatura" onclick="fotoMiniatura(18);" src="img/miniaturas/pizza19.jpg" title="Pizza tres delicias">
<img class="miniatura" onclick="fotoMiniatura(19);" src="img/miniaturas/pizza20.jpg" title="Pizza light">
</div>
<div id = "borde4" onclick="tiraDerecha();"></div>
</div>
</div>
<div ng-include = "'footer.html'"></div>
</body>
</html>