Lightbox no funciona en IE

kidart · #1 (**permalink**) 16/06/2010, 15:02

Hola,
tengo un sitio con una galeria flash (carga un xml) y lightbox para abrir las imagenes de esa galeria. Funciona perfecto en Firefox, Opera, Safari. Pero cuando lo abro en IE la galeria se ve, pero no pasa nada al hacer click sobre las imagenes. Foreando vi que el explorer puede ser más sensibles a errores en el codigo, pero estuve buscando y no encontre nada.. Alguien me puede ayudar con esto?

el html es: http://www.alicebastin.com/new/alicebastin.html

la galeria esta en el boton "illustrations"

por favor necesito una ayuda aca,
Muchas gracias por adelantado.

kidart · #2 (**permalink**) 16/06/2010, 21:31

Especifico mejor, es el ligthbox2 y funciona perfecto en firefox, opera y safari. en el EXPLORER aparece la imagen, pero la pelicula del flash esta por encima. que puede ser___

touza · #3 (**permalink**) 17/06/2010, 01:39

Has probado a poner "transparent" en el parámetro "wmode" ? , también deberías ponerlo dentro de la etiqueta "embed" si la usas para mostrar la película flash...

kidart · #4 (**permalink**) 17/06/2010, 09:59

perdon, pero no entendi que es lo que tengo que poner dentro de la etiqueta embed?
podrias ser un poco mas especifico?

kidart · #5 (**permalink**) 17/06/2010, 10:15

me recomendaron utilizar la ultima versión del swfobject para que aparezca el lightbox en el EXPLORER, pero cuando uso el swfobject 2.0 en vez del anterior la pagina deja de verse y aparece un mensaje de "necesitas adobe flash player para ver este sitio",
tengo que cambiar algo mas en el codigo deel html para usar una nueva version del SWFOBJECT???

el codigo del HTML es el siguiente:

<script type="text/javascript" src="script/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.settingsXML = "modules/dock/settings.xml";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
params.allowscriptaccess = "samedomain";
var attributes = {};
swfobject.embedSWF("modules/dock/dockmenu.swf", "dockmenu", "960", "550", "9.0.0", "expressInstall.swf", false, flashvars, params, attributes);

var flashvars2 = {};
flashvars.settingsXML = "modules/dock/illustrations.xml";
var params2 = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
params.allowscriptaccess = "samedomain";
var attributes2 = {};
swfobject.embedSWF("modules/illustrations/illustrations.swf", "dockmenu", "960", "550", "9.0.0", "expressInstall.swf", false, flashvars2, params2, attributes2);
</script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>

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

<script type="text/javascript">
function GroupDelegate(id) {
var objLink = document.getElementById(id);
Lightbox.prototype.start(objLink);
}
</script>

<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>

<style type="text/css">
html{
height:100%;
}
body{
width:100%;
height:100%;
overflow:hidden;
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight: bold;
}
#flash{
margin:0;
padding:0;
width:100%;
height:100%;
position: absolute;
left: 0px;
float: left;
}
a:link {
color: #999999;
}
a:visited {
color: #cccccc;
}
a:hover {
color: #666666;
}
#content {

height:100%;

}
</style>

</head>
<body>
<a id="illus1" title="First image" rel="lightbox[img]" href="modules/illustrations/images/big/01.jpg"></a>
<a id="illus2" title="Second image" rel="lightbox[img]" href="modules/illustrations/images/big/02.jpg"></a>
<a id="illus3" title="Third image" rel="lightbox[img]" href="modules/illustrations/images/big/03.jpg"></a>
<a id="illus4" title="Fourth image" rel="lightbox[img]" href="modules/illustrations/images/big/04.jpg"></a>
<a id="illus5" title="Fifth image" rel="lightbox[img]" href="modules/illustrations/images/big/05.jpg"></a>
<a id="illus6" title="Sixth image" rel="lightbox[img]" href="modules/illustrations/images/big/06.jpg"></a>
<a id="illus7" title="Seventh image" rel="lightbox[img]" href="modules/illustrations/images/big/07.jpg"></a>
<a id="illus8" title="Eight image" rel="lightbox[img]" href="modules/illustrations/images/big/08.jpg"></a>

<a id="illus9" title="Seventh image" rel="lightbox[img]" href="modules/illustrations/images/big/09.jpg"></a>
<a id="illus10" title="Eight image" rel="lightbox[img]" href="modules/illustrations/images/big/10.jpg"></a>
<a id="illus11" title="First image" rel="lightbox[img]" href="modules/illustrations/images/big/01.jpg"></a>
<a id="illus12" title="Second image" rel="lightbox[img]" href="modules/illustrations/images/big/02.jpg"></a>
<a id="illus13" title="Third image" rel="lightbox[img]" href="modules/illustrations/images/big/03.jpg"></a>
<a id="illus14" title="Fourth image" rel="lightbox[img]" href="modules/illustrations/images/big/04.jpg"></a>
<a id="illus15" title="Fifth image" rel="lightbox[img]" href="modules/illustrations/images/big/05.jpg"></a>
<a id="illus16" title="Sixth image" rel="lightbox[img]" href="modules/illustrations/images/big/06.jpg"></a>
<a id="illus17" title="Seventh image" rel="lightbox[img]" href="modules/illustrations/images/big/07.jpg"></a>

<a id="illus18" title="Eight image" rel="lightbox[img]" href="modules/illustrations/images/big/08.jpg"></a>
<a id="illus19" title="Seventh image" rel="lightbox[img]" href="modules/illustrations/images/big/09.jpg"></a>
<a id="illus20" title="Eight image" rel="lightbox[img]" href="modules/illustrations/images/big/10.jpg"></a>
<a id="img1" title="First image" rel="lightbox[img]" href="modules/dock/images/big/01.jpg"></a>
<a id="img2" title="Second image" rel="lightbox[img]" href="modules/dock/images/big/02.jpg"></a>
<a id="img3" title="Third image" rel="lightbox[img]" href="modules/dock/images/big/03.jpg"></a>
<a id="img4" title="Fourth image" rel="lightbox[img]" href="modules/dock/images/big/04.jpg"></a>
<a id="img5" title="Fifth image" rel="lightbox[img]" href="modules/dock/images/big/05.jpg"></a>
<a id="img6" title="Sixth image" rel="lightbox[img]" href="modules/dock/images/big/06.jpg"></a>
<a id="img7" title="Seventh image" rel="lightbox[img]" href="modules/dock/images/big/07.jpg"></a>

<a id="img8" title="Eight image" rel="lightbox[img]" href="modules/dock/images/big/08.jpg"></a>
<a id="img17" title="nine image" rel="lightbox[img]" href="modules/dock/images/big/09.jpg"></a>
<a id="img9" title="First image" rel="lightbox[img]" href="modules/dock/images/big/01.jpg"></a>
<a id="img10" title="Second image" rel="lightbox[img]" href="modules/dock/images/big/02.jpg"></a>
<a id="img11" title="Third image" rel="lightbox[img]" href="modules/dock/images/big/03.jpg"></a>
<a id="img12" title="Fourth image" rel="lightbox[img]" href="modules/dock/images/big/04.jpg"></a>
<a id="img13" title="Fifth image" rel="lightbox[img]" href="modules/dock/images/big/05.jpg"></a>
<a id="img14" title="Sixth image" rel="lightbox[img]" href="modules/dock/images/big/06.jpg"></a>
<a id="img15" title="Seventh image" rel="lightbox[img]" href="modules/dock/images/big/07.jpg"></a>

<a id="img16" title="Eight image" rel="lightbox[img]" href="modules/dock/images/big/08.jpg"></a>
<a id="img17" title="nine image" rel="lightbox[img]" href="modules/dock/images/big/09.jpg"></a>

<div align="left" class="flash" id="flash">
<br />
This content requires Adobe Flash Player 8</p>
<p align="center"><a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&pr omoid=BIOW" target="_blank">Download Adobe Flash</a></p>
</div>

<script type="text/javascript" language="javascript">
var so = new SWFObject("main.swf", "mymovie", "100%", "100%", "8", "#ffffff", "expressInstall.swf");
so.addParam("menu", "false");
so.addParam("scale", "noscale");
so.addParam("allowFullScreen", "true");
so.write("flash");
</script>

</body>

touza · #6 (**permalink**) 18/06/2010, 05:26

Tienes instalada la última versión del flash player ?