Lightbox JS v2.04 no funciona en IE 9

zero22 · #1 (**permalink**) 24/11/2010, 19:47

A ver señores tengo configurado el Lightbox JS v2.04 y funciona de maravilla en el firefox, se desplaza biern todas las imagenes, etc. pero como siempre el bendito explorer le surge cada detalle

, resulta que en vez de mostrarse el efecto del Lightbox JS v2.04 solo se aparece una ventana o pop up aparte, como soluciono este inconveniente?

Drakerz · #2 (**permalink**) 24/11/2010, 20:02

Podrías poner el link del sitio para poder ver el problema, Para poder encontrarle una solución más rápido

zero22 · #3 (**permalink**) 24/11/2010, 20:18

Hola Drakerz.

no lo tengo online pero te puedo pasar el codigo, para que me digas si estoy errado en algo, pero segun yo estoy bien.

<!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>Documento sin título</title>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<style type="text/css">

</style>
</head>

<body>
<div align="center">
<table width="200" border="0">
<tr>
<td><a href="gal/pictures/large/01.jpg" rel="lightbox [roadtrip]" title="evento masonico" > <img src="gal/minis/01.jpg" width="129" height="100" border="0" /></a></td>
<td><a href="gal/pictures/large/02.jpg" rel="lightbox [roadtrip]" title="evento masonico"><img src="gal/minis/02.jpg" width="129" height="100" border="0" /></a></td>
<td><a href="gal/pictures/large/03.jpg" rel="lightbox [roadtrip]" title="evento masonico"><img src="gal/minis/03.jpg" width="129" height="100" border="0" /></a></td>
</tr>
</table>
</div>
</body>
</html>

Drakerz · #4 (**permalink**) 24/11/2010, 20:31

tu quieres llegar a este efecto?

http://leandrovieira.com/projects/jquery/lightbox/

zero22 · #5 (**permalink**) 24/11/2010, 20:36

asi es, de hecho lo consegui con el lightbox 2.04 pero como te comento ese efecto funciona correctamente en el firefox, pero en el explorer solo aparece una ventana aparte.

me mortifica ese navegador.

Drakerz · #6 (**permalink**) 24/11/2010, 20:54

Según note si es que estas usando el mismo Lightbox que te mostré como Ejemplo en ningún momento vi el <div id="gallery">

Deberías tener algo así, Por cierto si es el mismo Lightbox que te mostre anda perfectamente en el explorer

Código HTML:

<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />    
    
    <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>

    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    
    <!-- Ativando o jQuery lightBox plugin -->
    <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
   	<style type="text/css">
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
float:left;
margin-left:-52px;
width:510px;
}
	#gallery ul { list-style: none;
	margin-top:0;
	}
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #003366;
		border-width: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	</style>

zero22 · #7 (**permalink**) 24/11/2010, 21:16

amigo mio, creo que no estamos en el mismo canal el progrma que me menciona se llama: jQuery lightBox plugin version 0.5 yo tengo este Lightbox JS v2.04, son muy diferentes :) pero si veo k no puedo con ese igual y me cambio por el que me mencionas.

mientras voy a buscarle una solucion!

odio al explorer!!

zero22 · #8 (**permalink**) 24/11/2010, 21:41

perfecto para los que tengan ese problema de compatibilidad pongan esto entre la etiqueta head

<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
</head>

a mi me resulto!

saludos!.

zero22 · #9 (**permalink**) 24/11/2010, 21:57

gracias Drakerz por ayudarme!