Problema con ColorBox
Publicado por daniel flores (74 intervenciones) el 16/05/2020 21:10:01
Hola a todos: Tengo una lista de profesionales que se carga desde una base de datos. Esta lista viene con la foro de cada profesional. Quiero que al hacerle clic en la foto me la muestre en un ventana emerjente. Para eso usé colorbox. Pero el problema es que al hacer clic en la foto me muestra toda la pagina nuevamente y no la footo del profesional. El código que uso es este:
y en mi archivo de javascript mando a llamar a ColorBox de la siguiente forma:
$('.profesional-info').colorbox({inline:false, width: "50%"});
Alguno me podría ayudar? Muchas Gracias
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
<ul class="lista-profesionales clearfix">
<?php while($profesionales = $resultado->fetch_assoc() ) { ?>
<li>
<div class="profesional">
<a class="profesional-info" href="#profesional<?php echo $pofesionales['id_profesional']; ?>">
<img src="img/galeria/thumbs/<?php echo $profesionales['link_foto'] ?>" alt="Imagen Profesional">
<p><?php echo $profesionales['nombre_profesional'] . " " . $profesionales['apellido_profesional'] ?></p>
</a>
</div>
</li>
<div style="display:none;">
<div class="profesional-info" id="profesional<?php echo $profesionales['id_profesional']; ?>">
<h2><?php echo $profesionales['nombre_pofesional'];?> </h2>
<img src="img/galeria/thumbs/<?php echo $profesionales['link_foto'] ?>" alt="Imagen Profesional">
<p><?php echo $profesionales['nombre_profesion'] ?></p>
</div>
</div>
<?php } ?>
</ul>
y en mi archivo de javascript mando a llamar a ColorBox de la siguiente forma:
$('.profesional-info').colorbox({inline:false, width: "50%"});
Alguno me podría ayudar? Muchas Gracias
Valora esta pregunta
0
