forked from irvinrangelc/JQuery-Memorama
-
Notifications
You must be signed in to change notification settings - Fork 0
/
frontend.php
executable file
·100 lines (97 loc) · 2.35 KB
/
frontend.php
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
<?php
//////////////////////////////////*
// Inherit JQuery Memorama ver 1.1
//
//
//
//*/
$images = array(
1=> array(
"src"=>"honguita.jpg",
"title"=>"Honguita"
),
2=> array(
"src"=>"honguito.jpg",
"title"=>"Honguito"
),
3=> array(
"src"=>"luigi.jpg",
"title"=>"Luigi"
),
4=> array(
"src"=>"mario.jpg",
"title"=>"Mario"
),
5=> array(
"src"=>"noset.jpg",
"title"=>"Noset"
),
6=> array(
"src"=>"princess.jpg",
"title"=>"Princess"
),
7=> array(
"src"=>"turttle.jpg",
"title"=>"Turttle"
)
);
function aleatorio($variable){
$long = count($variable);
for($i=$long; $i>0; $i--){
$aleatorio = rand(1, $long);
$temp = $variable[$i];
$variable[$i] = $variable[$aleatorio];
$variable[$aleatorio] = $temp;
}
return ($variable);
}
$items = array_merge(aleatorio($images) , aleatorio($images));
?>
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Inherit. Memorama Versión 1.0</title>
<link href="ui/frontend/styles/general.css" type="text/css" rel="stylesheet" media="screen"/>
<link href="ui/frontend/styles/memorama.css" type="text/css" rel="stylesheet" media="screen"/>
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<script type="text/javascript" src="ui/frontend/scripts/jquery.min.js"></script>
<script type="text/javascript" src="ui/frontend/scripts/jquery.ui.min.js"></script>
<script type="text/javascript" src="ui/frontend/scripts/inherit.functions.js"></script>
</head>
<body>
<div id="header">
<div class="content">
<h1>Memorama JQuery. Versión 1.1</h1>
</div>
</div>
<div id="mainbox">
<div class="memorama floatLeft">
<?php
foreach($items as $item=>$value){
?>
<div class="wrapper-item floatLeft" id="item<?=$item?>">
<div class="item floatLeft off active"><img src="./ui/frontend/img/letters/<?=$value["src"]?>" title="<?=$value["title"]?>"/></div>
</div>
<?php
}
?>
</div>
</div>
<div id="footer">
<div class="footer-grass"></div>
<div class="footer-content">
<div class="footer-text">
<ul>
<li><h3>Inspiración</h3></li>
<li><h3>Recursos</h3></li>
<li><h3>Contacto</h3></li>
</ul>
<div class="copy">
Desarrollado por <a href="#">Inherit.mx</a>
</div>
</div>
</div>
</div>
</body>
</html>