-
Notifications
You must be signed in to change notification settings - Fork 0
/
kiosko_1.php
87 lines (77 loc) · 2.95 KB
/
kiosko_1.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
<html>
<head>
<meta http-equiv="refresh" content="600" >
<style type="text/css">
body {font-family: Arial, sans-serif}
.logotipo{font-size: 4em; color: #FFBA44;text-align: center; font-weight: bold;}
.img_kiosko{height: 450px; width: 300px;}
.txt_kiosko .codigo_producto{color: #7C7CFF; font-weight: bold; font-size:3.5em;}
.txt_kiosko .titulo{text-align: center;color: #e18522; font-weight: bold; font-size: 2.5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
</style>
<script type="text/javascript" src="http://flor360.com/JS/jquery-1.7.2.js"></script>
</head>
<body>
<table style="width:100%;height:100%;table-layout: fixed;">
<tr>
<td colspan="3" class="logotipo">FLORISTERIA FLOR360</td>
</tr>
<tr>
<td style="vertical-align: middle;text-align: center;">
<img id="img_kiosko_1" class="img_kiosko" src="http://flor360.com/imagen_300_450_356a192b7913b04c54574d18c28d46e6395428ab.jpg" />
</td>
<td style="vertical-align: middle;text-align: center;">
<img id="img_kiosko_2" class="img_kiosko" src="http://flor360.com/imagen_300_450_356a192b7913b04c54574d18c28d46e6395428ab.jpg" />
</td>
<td style="vertical-align: middle;text-align: center;">
<img id="img_kiosko_3" class="img_kiosko" src="http://flor360.com/imagen_300_450_356a192b7913b04c54574d18c28d46e6395428ab.jpg" />
</td>
</tr>
<tr>
<td style="vertical-align: middle;text-align: center;">
<div id="txt_kiosko_1" class="txt_kiosko"></div>
</td>
<td style="vertical-align: middle;text-align: center;">
<div id="txt_kiosko_2" class="txt_kiosko"></div>
</td>
<td style="vertical-align: middle;text-align: center;">
<div id="txt_kiosko_3" class="txt_kiosko"></div>
</td>
</tr>
</table>
<script type="text/javascript">
img_pld = $('<img />').appendTo('body').css('display','none');
nueva_imagen = '';
nuevo_titulo = '';
nuevo_codigo_producto = '';
cantidad = 3;
actual = 1;
image = $('#img_kiosko_1');
texto = $('#txt_kiosko_1');
function rotar_imagenes()
{
// Establecemos la imagen actual
image = $('#img_kiosko_' + actual);
texto = $('#txt_kiosko_' + actual);
// Obtener imagen al azar
$.get('ajax',{pajax: 'img_kiosko'}, function(data) {
nueva_imagen = 'http://flor360.com/imagen_300_450_'+data.foto+'.jpg';
nuevo_titulo = data.titulo;
nuevo_codigo_producto = data.codigo_producto;
img_pld.attr('src', nueva_imagen)
}, 'json');
actual++;
if (actual > cantidad) actual = 1;
}
$(document).ready(function(){
img_pld.load(function(){
image.fadeOut('fast', function () {
image.attr('src', nueva_imagen);
image.fadeIn('fast');
texto.html('<div class="titulo">' + nuevo_titulo + '</div><div class="codigo_producto">#' + nuevo_codigo_producto + '</div>');
});
});
setInterval(rotar_imagenes,1000);
});
</script>
</body>
</html>