por qué no veo contenido en mi ventana modal?
Publicado por Nicolás (8 intervenciones) el 29/12/2016 17:15:39
Estoy tratando de hacer una galería con niveles de profundidad. Tengo un documento de dos páginas. La primera envía una variable que en realidad es el nombre de una carpeta con imágenes. La segunda abre esta carpeta con la función glob de php y la muestra por Ajax en la primera página de nuevo. Hasta acá todo bien, pero al incorporar el plugin colorbox las ventanas modales se muestran sin contenido, sin las imágenes. He depurado el código a través del navegador Chrome pero no veo ningún error, y en la consola puedo ver los archivos de imágenes.
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
<!DOCTYPE HTML>
<html lang="">
<head>
<meta charset="UTF-8">
<title>pagina1</title>
<link rel="stylesheet" href="colorbox.css" />
</head>
<body>
<form action="pagina2.php" method="post" id="formID">
<input type="hidden" name="var" value="imagenes">
<input type="submit" value="author" id="submit">
</form>
<a id="link" style="display:none"></a>
<div id="msg" style="display:none;"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="../jquery.colorbox.js"></script>
<script>
$("#link").colorbox({
inline:true,
href: "#msg"
});
$('#formID').submit(function () {
const data = $(this).serialize();
$.ajax({
type: 'POST',
url: 'pagina2.php',
data: data,
success (data) {
$('#msg').html(data);
$('#link').click();
}})
return false;
})
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE HTML>
<html lang="">
<head>
<meta charset="UTF-8">
<title>pagina2</title>
</head>
<body>
<?php
$variable = $_POST['var'];
$img_dir = $variable . "/";
foreach(glob($img_dir . '*.jpg') as $image) {
echo '<img src="'.$image.'">';
}?>
</body>
</html>
Valora esta pregunta
0