Global
Argentina
Chile
Colombia
España
México
Perú
Uruguay
Venezuela
Comunidad oficial de diseñadores web, web developers y Webmasters. Aqui podemos tratar temas actuales sobre diseño y tecnología. Podemos compartir y actualizarnos. Photoshop, Flash, PHP, ASP, Java, HTML, CSS, MySQL, CMS, etc. Unite YA y lee los Sticky
Ver más- 13,065 Miembros
- 9,531 Temas
- 3,449 Seguidores
Fancybox[AYUDA]
<a href="imagen.jpg"><img src="otra.jpg"/></a>
se muestren en un fancybox segun la API lo puedo hacer asi
$("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox();
Pero NO me funciona de esa manera lo tengo asi:
<?php
require_once("Autorizacion.php");
Autorizacion();
include("conexion.php");
$_pagi_sql="select * from mapas";
$_pagi_cuantos=5;
include("paginator.inc.php");
$recordset = mysql_query($_pagi_sql, $conexion) or die(mysql_error());
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="./jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
$(document).ready(function(){
$("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox({
'titlePosition' : 'over',
'onComplete' : function() {
$("#fancybox-wrap").hover(function() {
$("#fancybox-title").show();
}, function() {
$("#fancybox-title").hide();
});
}
});
});
</script>
</head>
<body>
<center>
<table cellpadding="5" cellspacing="5" border="0">
<?php
$cuantos=0;
while($row=mysql_fetch_array($_pagi_result))
{
if($cuantos==0)
{
?>
<tr>
<?php
}
$cuantos++;
?>
<td><a id="tip3" href="<?php echo $row['mapa'];?> "
title="<?php $dep="select * from departamento where id_departamento='".$row['id_departamento']."'";
$query_1=mysql_query($dep,$conexion);//me quede aqui
$row_dep=mysql_fetch_array($query_1);
echo 'Departamento: '.$row_dep['departamento'].' - '.'Nombre: '.$row['nombre_mapa']; ?>"><img alt="tip3"src="<?php echo $row['mapa'];?>" width="225" height="100%"/></a><br/>
<?php echo $row['nombre_mapa'];?></td>
<?php
if($cuantos==2)
{
$cuantos=0;
?>
</tr>
<?php } } ?>
</table>
</center>
</body>
</html>
Solo me funciona asi
$("a:has(img)").fancybox();
pero los enlaces q tiene imagenes me muestran un error de fancybox muchas gracias por su ayuda
- 0Calificación
- 0Seguidores
- 252Visitas
- 0Favoritos
3 respuestas
que tipo de href tienen los enlaces? podes dar darnos uno de ejemplo?
Salu2 claro
<a id="tip3" href="<?php echo $row['mapa'];?> "
title="<?php $dep="select * from departamento where id_departamento='".$row['id_departamento']."'";
$query_1=mysql_query($dep,$conexion);//me quede aqui
$row_dep=mysql_fetch_array($query_1);
echo 'Departamento: '.$row_dep['departamento'].' - '.'Nombre: '.$row['nombre_mapa']; ?>"><img alt="tip3"src="<?php echo $row['mapa'];?>" width="225" height="100%"/></a>
Seria mas simple si le asignas un class a cada anchor, por ej: lightbox
$('.lightbox').fancybox();